<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Modern Font Stacks</title>
  <meta name="description" content="System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.">
  <meta property="og:description" content="System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.">
  <meta property="og:url" content="https://modernfontstacks.com">
  <meta property="og:image" content="https://modernfontstacks.com/img/og-modernfontstacks.png">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="Modern Font Stacks">
  <meta name="twitter:description" content="System font stack CSS organized by typeface classification for every modern OS. The fastest fonts available. No downloading, no layout shifts, no flashes — just instant renders.">
  <meta name="twitter:url" content="https://modernfontstacks.com">
  <meta name="twitter:image" content="https://modernfontstacks.com/img/og-modernfontstacks.png">
  <link rel="shortcut icon" href="/favicon.png">
  <style>${require('./_styles.css')}</style>
</head>

<body>
  
  <section id="menu">
    <details>
      <summary>
        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="32" height="32" stroke-width="1.5" stroke="#999">
          <path id="i-menu" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
          <path id="i-close" d="M6 18L18 6M6 6l12 12" />
        </svg>
      </summary>
      <nav>
        <a href="#about" class="smooth-scroll">About</a>
        <a href="#font-stacks" class="smooth-scroll">Font Stacks</a>
        <a href="#article-view" class="smooth-scroll">Article View</a>
        <a href="#characters" class="smooth-scroll">Font Characters</a>
        <a href="https://github.com/system-fonts/modern-font-stacks">GitHub</a>
      </nav>
    </details>
  </section>
  
  <header id="about">
    <div>
      <a href="/" class="logo-link">
        <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="96" height="96">
          <title>Modern Font Stacks</title>
          <path fill="#666" d="M20 20h100v100H20z" class="logo-back-layer" opacity="0.4" />
          <path fill="#666" d="M14 14h100v100H14z" class="logo-middle-layer" opacity="0.8" />
          <g class="logo-front-layer">
            <path fill="#000" d="M8 8h100v100H8z" />
              <path d="M61.77 40.74a70.8 70.8 0 0 1 10.01-5.08c2.83-1.1 5.23-1.66 7.18-1.66 4.04 0 7.18 1.32 9.42 3.96 2.25 2.6 3.37 6.26 3.37 10.98v28.47l1.8 1.6 5.33.5v3.61H77.05v-3.61l4.7-.5 1.8-1.6V50.94c0-3.54-.73-6.15-2.2-7.8-1.46-1.67-3.73-2.5-6.79-2.5-1.53 0-3.23.28-5.12.83-1.86.52-3.9 1.34-6.15 2.44v33.5l1.75 1.6 4.74.5v3.61H48.44v-3.61l4.84-.5 1.7-1.6V50.94c0-3.51-.73-6.1-2.2-7.76-1.43-1.7-3.64-2.54-6.63-2.54-1.63 0-3.39.28-5.28.83a34.98 34.98 0 0 0-6.1 2.44v33.5l1.7 1.6 4.8.5v3.61H19.33v-3.61l5.42-.5 1.7-1.6V41.23h-7.12V38.1l11.62-3.56h3.81V40a61.66 61.66 0 0 1 9.08-4.55c2.6-.97 4.92-1.46 6.94-1.46 2.44 0 4.59.57 6.44 1.7a12.22 12.22 0 0 1 4.54 5.04Z" fill="#fff" />
          </g>
        </svg>
        <h1>Modern Font Stacks</h1>
      </a>
      <h2>System font stack CSS organized by typeface classification for every modern OS</h2>
      <p>The fastest fonts available. No downloading, no layout shifts, no&nbsp;flashes — just instant&nbsp;renders.</p>
      <div id="about-buttons">
        <a href="#font-stacks" class="btn smooth-scroll">Try Font Stacks</a>
        <a href="https://github.com/system-fonts/modern-font-stacks" class="btn">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="24"><path fill="currentColor" d="M32 0C14 0 0 14 0 32c0 21 19 30 22 30 2 0 2-1 2-2v-5c-7 2-10-2-11-5 0 0 0-1-2-3-1-1-5-3-1-3 3 0 5 4 5 4 3 4 7 3 9 2 0-2 2-4 2-4-8-1-14-4-14-15 0-4 1-7 3-9 0 0-2-4 0-9 0 0 5 0 9 4 3-2 13-2 16 0 4-4 9-4 9-4 2 7 0 9 0 9 2 2 3 5 3 9 0 11-7 14-14 15 1 1 2 3 2 6v8c0 1 0 2 2 2 3 0 22-9 22-30C64 14 50 0 32 0Z"/></svg>
          GitHub
        </a>
      </div>
    </div>
  </header>
  
  <section id="font-stacks">
    
    <h2>Font Stacks</h2>
    
    <div class="ui-bg">
      <div class="ui">
        <div>
          <label for="fontsize">
            Font Size:&nbsp;
            <output id="sizeoutput">2</output>
          </label>
          <input id="fontsize" name="fontsize" type="range" min=".75" max="4" step=".25" value="2">
        </div>
        <div>
          <label for="fontweight">
            Font Weight:&nbsp;
            <output id="weightoutput">400</output>
          </label>
          <input id="fontweight" name="fontweight" type="range" min="100" max="900" step="100" value="400">
        </div>
        <input id="preview-text" type="search" size="30" placeholder="Type something to preview text..." enterkeyhint="done">
      </div>
    </div>
    
    <div id="fonts" data-weight="400">
      
      <div id="font-stacks-key" class="font-card">
        <div class="how-to-use">
          How to Use:
          <span>Copy &amp; Paste <code>font-family</code> declaration into your CSS</span>
        </div>
        <div class="key">
          Key:
          <span class="yep">Currently In Use</span> 
          <span class="yep">Available</span>
          <span class="nope">Unavailable</span>
        </div>
      </div>
      
      <div id="system-ui" class="font-card system-ui">
        <div class="font-title">
          <h3>
            System UI
            <a href="https://github.com/system-fonts/modern-font-stacks#system-ui" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on System UI</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>system-ui</span>,
            <span>sans-serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="transitional" class="font-card transitional">
        <div class="font-title">
          <h3>
            Transitional
            <a href="https://github.com/system-fonts/modern-font-stacks#transitional" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Transitional</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Charter</span>,
            <span>'Bitstream Charter'</span>,
            <span>'Sitka Text'</span>,
            <span>Cambria</span>,
            <span>serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="old-style" class="font-card old-style">
        <div class="font-title">
          <h3>
            Old Style
            <a href="https://github.com/system-fonts/modern-font-stacks#old-style" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Old Style</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>'Iowan Old Style'</span>,
            <span>'Palatino Linotype'</span>,
            <span>'URW Palladio L'</span>,
            <span>P052</span>,
            <span>serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="humanist" class="font-card humanist">
        <div class="font-title">
          <h3>
            Humanist
            <a href="https://github.com/system-fonts/modern-font-stacks#humanist" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Humanist</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Seravek</span>,
            <span>'Gill Sans Nova'</span>,
            <span>Ubuntu</span>,
            <span>Calibri</span>,
            <span>'DejaVu Sans'</span>,
            <span>source-sans-pro</span>,
            <span>sans-serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="geometric-humanist" class="font-card geometric-humanist">
        <div class="font-title">
          <h3>
            Geometric Humanist
            <a href="https://github.com/system-fonts/modern-font-stacks#geometric-humanist" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Geometric Humanist</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Avenir</span>,
            <span>Montserrat</span>,
            <span>Corbel</span>,
            <span>'URW Gothic'</span>,
            <span>source-sans-pro</span>,
            <span>sans-serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="classical-humanist" class="font-card classical-humanist">
        <div class="font-title">
          <h3>
            Classical Humanist
            <a href="https://github.com/system-fonts/modern-font-stacks#classical-humanist" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Classical Humanist</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Optima</span>,
            <span>Candara</span>,
            <span>'Noto Sans'</span>,
            <span>source-sans-pro</span>,
            <span>sans-serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="neo-grotesque" class="font-card neo-grotesque">
        <div class="font-title">
          <h3>
            Neo-Grotesque
            <a href="https://github.com/system-fonts/modern-font-stacks#neo-grotesque" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Neo-Grotesque</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Inter</span>,
            <span>Roboto</span>,
            <span>'Helvetica Neue'</span>,
            <span>'Arial Nova'</span>,
            <span>'Nimbus Sans'</span>,
            <span>Arial</span>,
            <span>sans-serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="monospace-slab-serif" class="font-card monospace-slab-serif">
        <div class="font-title">
          <h3>
            Monospace Slab Serif
            <a href="https://github.com/system-fonts/modern-font-stacks#monospace-slab-serif" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Monospace Slab Serif</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>'Nimbus Mono PS'</span>,
            <span>'Courier New'</span>,
            <span>monospace</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="monospace-code" class="font-card monospace-code">
        <div class="font-title">
          <h3>
            Monospace Code
            <a href="https://github.com/system-fonts/modern-font-stacks#monospace-code" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Monospace Code</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>ui-monospace</span>,
            <span>'Cascadia Code'</span>,
            <span>'Source Code Pro'</span>,
            <span>Menlo</span>,
            <span>Consolas</span>,
            <span>'DejaVu Sans Mono'</span>,
            <span>monospace</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="industrial" class="font-card industrial">
        <div class="font-title">
          <h3>
            Industrial
            <a href="https://github.com/system-fonts/modern-font-stacks#industrial" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Industrial</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
          <span class="font-callout">Display</span>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Bahnschrift</span>,
            <span>'DIN Alternate'</span>,
            <span>'Franklin Gothic Medium'</span>,
            <span>'Nimbus Sans Narrow'</span>,
            <span>sans-serif-condensed</span>,
            <span>sans-serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="rounded-sans" class="font-card rounded-sans">
        <div class="font-title">
          <h3>
            Rounded Sans
            <a href="https://github.com/system-fonts/modern-font-stacks#rounded-sans" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Rounded Sans</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
          <span class="font-callout">Display</span>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>ui-rounded</span>,
            <span>'Hiragino Maru Gothic ProN'</span>,
            <span>Quicksand</span>,
            <span>Comfortaa</span>,
            <span>Manjari</span>,
            <span>'Arial Rounded MT'</span>,
            <span>'Arial Rounded MT Bold'</span>,
            <span>Calibri</span>,
            <span>source-sans-pro</span>,
            <span>sans-serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="slab-serif" class="font-card slab-serif">
        <div class="font-title">
          <h3>
            Slab Serif
            <a href="https://github.com/system-fonts/modern-font-stacks#slab-serif" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Slab Serif</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
          <span class="font-callout">Display</span>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Rockwell</span>,
            <span>'Rockwell Nova'</span>,
            <span>'Roboto Slab'</span>,
            <span>'DejaVu Serif'</span>,
            <span>'Sitka Small'</span>,
            <span>serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="antique" class="font-card antique">
        <div class="font-title">
          <h3>
            Antique
            <a href="https://github.com/system-fonts/modern-font-stacks#antique" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Antique</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
          <span class="font-callout">Display</span>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Superclarendon</span>,
            <span>'Bookman Old Style'</span>,
            <span>'URW Bookman'</span>,
            <span>'URW Bookman L'</span>,
            <span>'Georgia Pro'</span>,
            <span>Georgia</span>,
            <span>serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="didone" class="font-card didone">
        <div class="font-title">
          <h3>
              Didone
              <a href="https://github.com/system-fonts/modern-font-stacks#didone" class="font-link" hidden>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                  <title>More Info on Didone</title>
                  <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
                </svg>
              </a>
          </h3>
          <span class="font-callout">Display</span>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>Didot</span>,
            <span>'Bodoni MT'</span>,
            <span>'Noto Serif Display'</span>,
            <span>'URW Palladio L'</span>,
            <span>P052</span>,
            <span>Sylfaen</span>,
            <span>serif</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
      <div id="handwritten" class="font-card handwritten">
        <div class="font-title">
          <h3>
            Handwritten
              <a href="https://github.com/system-fonts/modern-font-stacks#handwritten" class="font-link" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" width="20" height="20">
                <title>More Info on Handwritten</title>
                <path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" />
              </svg>
            </a>
          </h3>
          <span class="font-callout">Display</span>
        </div>
        <p class="font-preview"></p>
        <div class="font-weights">
          <span class="weight-100">100</span>
          <span class="weight-200">200</span>
          <span class="weight-300">300</span>
          <span class="weight-400">400</span>
          <span class="weight-500">500</span>
          <span class="weight-600">600</span>
          <span class="weight-700">700</span>
          <span class="weight-800">800</span>
          <span class="weight-900">900</span>
        </div>
        <div class="font-stack">
          <code>
            font-family:
            <span>'Segoe Print'</span>,
            <span>'Bradley Hand'</span>,
            <span>Chilanka</span>,
            <span>TSCu_Comic</span>,
            <span>casual</span>,
            <span>cursive</span>;
            <strong>font-weight: <var>normal</var>;</strong>
          </code>
        </div>
      </div>
      
    </div>
    
  </section>
  
  <section id="preview" class="transitional">
    
    <h2 id="article-view">Article View</h2>
    
    <div class="ui-bg">
      <details class="ui">
        <summary>
          <button data-on="false" class="system-ui">System UI</button>
          <button data-on="true" class="transitional">Transitional</button>
          <button data-on="false" class="old-style">Old Style</button>
          <button data-on="false" class="humanist">Humanist</button>
          <button data-on="false" class="geometric-humanist">Geometric Humanist</button>
          <button data-on="false" class="classical-humanist">Classical Humanist</button>
          <button data-on="false" class="neo-grotesque">Neo-Grotesque</button>
          <button data-on="false" class="monospace-slab-serif">Monospace Slab Serif</button>
          <button data-on="false" class="monospace-code">Monospace Code</button>
          <button data-on="false" class="industrial">Industrial</button>
          <button data-on="false" class="rounded-sans">Rounded Sans</button>
          <button data-on="false" class="slab-serif">Slab Serif</button>
          <button data-on="false" class="antique">Antique</button>
          <button data-on="false" class="didone">Didone</button>
          <button data-on="false" class="handwritten">Handwritten</button>
        </summary>
      </details>
    </div>
    
    <div id="article-viewport">
      <article>
        
        <span class="title">
          Alice’s Adventure in Wonderland
          <span class="author">by Lewis Carroll</span>
        </span>
        
        <span class="chapter">Chapter 1</span>
        <span class="chapter-name">Down the Rabbit-Hole</span>
        
         <p>Alice was beginning to get very tired of sitting by her sister on the bank, and of having nothing to do. Once or twice she had peeped into the book her sister was reading, but it had no pictures or conversations in it, “and what is the use of a book,” thought Alice, “without pictures or conversations?”</p>
         
         <p>So she was considering in her own mind (as well as she could, for the day made her feel very sleepy and stupid), whether the pleasure of making a daisy-chain would be worth the trouble of getting up and picking the daisies, when suddenly a White Rabbit with pink eyes ran close by her.</p>
         
         <img src="img/white-rabbit.png" width="260" height="395" loading="lazy" alt="Illustration by Sir John Tenniel showing the White Rabbit looking at his watch and exclaiming 'Oh dear! Oh dear! I shall be too late!' before it popped down a large rabbit-hole.">
  
         
         <p>There was nothing so very remarkable in that, nor did Alice think it so very much out of the way to hear the Rabbit say to itself, “Oh dear! Oh dear! I shall be too late!” But when the Rabbit actually took a watch out of its waistcoat-pocket and looked at it and then hurried on, Alice started to her feet, for it flashed across her mind that she had never before seen a rabbit with either a waistcoat-pocket, or a watch to take out of it, and, burning with curiosity, she ran across the field after it and was just in time to see it pop down a large rabbit-hole, under the hedge. In another moment, down went Alice after it!</p>
         
         <p>The rabbit-hole went straight on like a tunnel for some way and then dipped suddenly down, so suddenly that Alice had not a moment to think about stopping herself before she found herself falling down what seemed to be a very deep well.</p>
         
         <p>Either the well was very deep, or she fell very slowly, for she had plenty of time, as she went down, to look about her. First, she tried to make out what she was coming to, but it was too dark to see anything; then she looked at the sides of the well and noticed that they were filled with cupboards and book-shelves; here and there she saw maps and pictures hung upon pegs. She took down a jar from one of the shelves as she passed. It was labeled “ORANGE MARMALADE,” but, to her great disappointment, it was empty; she did not like to drop the jar, so managed to put it into one of the cupboards as she fell past it.</p>
         
         <p>Down, down, down! Would the fall never come to an end? There was nothing else to do, so Alice soon began talking to herself. “Dinah’ll miss me very much to-night, I should think!” (Dinah was the cat.) “I hope they’ll remember her saucer of milk at tea-time. Dinah, my dear, I wish you were down here with me!” Alice felt that she was dozing off, when suddenly, thump! thump! down she came upon a heap of sticks and dry leaves, and the fall was over.</p>
         
         <p><em>Text preview from <a href="https://www.gutenberg.org/ebooks/11">Project Gutenberg</a>.</em></p>
        
      </article>
    </div>
    
    <h2 id="characters">Font Characters</h2>
    
    <div id="font-characters">
    
      <div class="character-set">
        <h3>Basic Latin (ASCII)</h3>
        <div>
          <i data-dec="33" data-hex="21">!</i>
          <i data-dec="34" data-hex="22" data-entity="&amp;quot;">&quot;</i>
          <i data-dec="35" data-hex="23">#</i>
          <i data-dec="36" data-hex="24">$</i>
          <i data-dec="37" data-hex="25">%</i>
          <i data-dec="38" data-hex="26" data-entity="&amp;amp;">&amp;</i>
          <i data-dec="39" data-hex="27">'</i>
          <i data-dec="40" data-hex="28">(</i>
          <i data-dec="41" data-hex="29">)</i>
          <i data-dec="42" data-hex="2A">*</i>
          <i data-dec="43" data-hex="2B">+</i>
          <i data-dec="44" data-hex="2C">,</i>
          <i data-dec="45" data-hex="2D">-</i>
          <i data-dec="46" data-hex="2E">.</i>
          <i data-dec="47" data-hex="2F">/</i>
          <i data-dec="48" data-hex="30">0</i>
          <i data-dec="49" data-hex="31">1</i>
          <i data-dec="50" data-hex="32">2</i>
          <i data-dec="51" data-hex="33">3</i>
          <i data-dec="52" data-hex="34">4</i>
          <i data-dec="53" data-hex="35">5</i>
          <i data-dec="54" data-hex="36">6</i>
          <i data-dec="55" data-hex="37">7</i>
          <i data-dec="56" data-hex="38">8</i>
          <i data-dec="57" data-hex="39">9</i>
          <i data-dec="58" data-hex="3A">:</i>
          <i data-dec="59" data-hex="3B">;</i>
          <i data-dec="60" data-hex="3C" data-entity="&amp;lt;">&lt;</i>
          <i data-dec="61" data-hex="3D">=</i>
          <i data-dec="62" data-hex="3E" data-entity="&amp;gt;">&gt;</i>
          <i data-dec="63" data-hex="3F">?</i>
          <i data-dec="64" data-hex="40">@</i>
          <i data-dec="65" data-hex="41">A</i>
          <i data-dec="66" data-hex="42">B</i>
          <i data-dec="67" data-hex="43">C</i>
          <i data-dec="68" data-hex="44">D</i>
          <i data-dec="69" data-hex="45">E</i>
          <i data-dec="70" data-hex="46">F</i>
          <i data-dec="71" data-hex="47">G</i>
          <i data-dec="72" data-hex="48">H</i>
          <i data-dec="73" data-hex="49">I</i>
          <i data-dec="74" data-hex="4A">J</i>
          <i data-dec="75" data-hex="4B">K</i>
          <i data-dec="76" data-hex="4C">L</i>
          <i data-dec="77" data-hex="4D">M</i>
          <i data-dec="78" data-hex="4E">N</i>
          <i data-dec="79" data-hex="4F">O</i>
          <i data-dec="80" data-hex="50">P</i>
          <i data-dec="81" data-hex="51">Q</i>
          <i data-dec="82" data-hex="52">R</i>
          <i data-dec="83" data-hex="53">S</i>
          <i data-dec="84" data-hex="54">T</i>
          <i data-dec="85" data-hex="55">U</i>
          <i data-dec="86" data-hex="56">V</i>
          <i data-dec="87" data-hex="57">W</i>
          <i data-dec="88" data-hex="58">X</i>
          <i data-dec="89" data-hex="59">Y</i>
          <i data-dec="90" data-hex="5A">Z</i>
          <i data-dec="91" data-hex="5B">[</i>
          <i data-dec="92" data-hex="5C">\</i>
          <i data-dec="93" data-hex="5D">]</i>
          <i data-dec="94" data-hex="5E">^</i>
          <i data-dec="95" data-hex="5F">_</i>
          <i data-dec="96" data-hex="60">`</i>
          <i data-dec="97" data-hex="61">a</i>
          <i data-dec="98" data-hex="62">b</i>
          <i data-dec="99" data-hex="63">c</i>
          <i data-dec="100" data-hex="64">d</i>
          <i data-dec="101" data-hex="65">e</i>
          <i data-dec="102" data-hex="66">f</i>
          <i data-dec="103" data-hex="67">g</i>
          <i data-dec="104" data-hex="68">h</i>
          <i data-dec="105" data-hex="69">i</i>
          <i data-dec="106" data-hex="6A">j</i>
          <i data-dec="107" data-hex="6B">k</i>
          <i data-dec="108" data-hex="6C">l</i>
          <i data-dec="109" data-hex="6D">m</i>
          <i data-dec="110" data-hex="6E">n</i>
          <i data-dec="111" data-hex="6F">o</i>
          <i data-dec="112" data-hex="70">p</i>
          <i data-dec="113" data-hex="71">q</i>
          <i data-dec="114" data-hex="72">r</i>
          <i data-dec="115" data-hex="73">s</i>
          <i data-dec="116" data-hex="74">t</i>
          <i data-dec="117" data-hex="75">u</i>
          <i data-dec="118" data-hex="76">v</i>
          <i data-dec="119" data-hex="77">w</i>
          <i data-dec="120" data-hex="78">x</i>
          <i data-dec="121" data-hex="79">y</i>
          <i data-dec="122" data-hex="7A">z</i>
          <i data-dec="123" data-hex="7B">{</i>
          <i data-dec="124" data-hex="7C">|</i>
          <i data-dec="125" data-hex="7D">}</i>
          <i data-dec="126" data-hex="7E">~</i>
          <i data-dec="127" data-hex="7F">&#x7F;</i>
        </div>
      </div>
        
      <div class="character-set">
        <h3>Latin-1 (ISO 8859-1)</h3>
        <div>
          <i data-dec="128" data-hex="80">&#x80;</i>
          <i data-dec="129" data-hex="81">&#x81;</i>
          <i data-dec="130" data-hex="82">&#x82;</i>
          <i data-dec="131" data-hex="83">&#x83;</i>
          <i data-dec="132" data-hex="84">&#x84;</i>
          <i data-dec="133" data-hex="85">&#x85;</i>
          <i data-dec="134" data-hex="86">&#x86;</i>
          <i data-dec="135" data-hex="87">&#x87;</i>
          <i data-dec="136" data-hex="88">&#x88;</i>
          <i data-dec="137" data-hex="89">&#x89;</i>
          <i data-dec="138" data-hex="8A">&#x8A;</i>
          <i data-dec="139" data-hex="8B">&#x8B;</i>
          <i data-dec="140" data-hex="8C">&#x8C;</i>
          <i data-dec="141" data-hex="8D">&#x8D;</i>
          <i data-dec="142" data-hex="8E">&#x8E;</i>
          <i data-dec="143" data-hex="8F">&#x8F;</i>
          <i data-dec="144" data-hex="90">&#x90;</i>
          <i data-dec="145" data-hex="91">&#x91;</i>
          <i data-dec="146" data-hex="92">&#x92;</i>
          <i data-dec="147" data-hex="93">&#x93;</i>
          <i data-dec="148" data-hex="94">&#x94;</i>
          <i data-dec="149" data-hex="95">&#x95;</i>
          <i data-dec="150" data-hex="96">&#x96;</i>
          <i data-dec="151" data-hex="97">&#x97;</i>
          <i data-dec="152" data-hex="98">&#x98;</i>
          <i data-dec="153" data-hex="99">&#x99;</i>
          <i data-dec="154" data-hex="9A">&#x9A;</i>
          <i data-dec="155" data-hex="9B">&#x9B;</i>
          <i data-dec="156" data-hex="9C">&#x9C;</i>
          <i data-dec="157" data-hex="9D">&#x9D;</i>
          <i data-dec="158" data-hex="9E">&#x9E;</i>
          <i data-dec="159" data-hex="9F">&#x9F;</i>
          <i data-dec="160" data-hex="A0" data-entity="&amp;nbsp;">&nbsp;</i>
          <i data-dec="161" data-hex="A1" data-entity="&amp;iexcl;">&iexcl;</i>
          <i data-dec="162" data-hex="A2" data-entity="&amp;cent;">&cent;</i>
          <i data-dec="163" data-hex="A3" data-entity="&amp;pound;">&pound;</i>
          <i data-dec="164" data-hex="A4" data-entity="&amp;curren;">&curren;</i>
          <i data-dec="165" data-hex="A5" data-entity="&amp;yen;">&yen;</i>
          <i data-dec="166" data-hex="A6" data-entity="&amp;brvbar;">&brvbar;</i>
          <i data-dec="167" data-hex="A7" data-entity="&amp;sect;">&sect;</i>
          <i data-dec="168" data-hex="A8" data-entity="&amp;uml;">&uml;</i>
          <i data-dec="169" data-hex="A9" data-entity="&amp;copy;">&copy;</i>
          <i data-dec="170" data-hex="AA" data-entity="&amp;ordf;">&ordf;</i>
          <i data-dec="171" data-hex="AB" data-entity="&amp;laquo;">&laquo;</i>
          <i data-dec="172" data-hex="AC" data-entity="&amp;not;">&not;</i>
          <i data-dec="173" data-hex="AD" data-entity="&amp;shy;">&shy;</i>
          <i data-dec="174" data-hex="AE" data-entity="&amp;reg;">&reg;</i>
          <i data-dec="175" data-hex="AF" data-entity="&amp;macr;">&macr;</i>
          <i data-dec="176" data-hex="B0" data-entity="&amp;deg;">&deg;</i>
          <i data-dec="177" data-hex="B1" data-entity="&amp;plusmn;">&plusmn;</i>
          <i data-dec="178" data-hex="B2" data-entity="&amp;sup2;">&sup2;</i>
          <i data-dec="179" data-hex="B3" data-entity="&amp;sup3;">&sup3;</i>
          <i data-dec="180" data-hex="B4" data-entity="&amp;acute;">&acute;</i>
          <i data-dec="181" data-hex="B5" data-entity="&amp;micro;">&micro;</i>
          <i data-dec="182" data-hex="B6" data-entity="&amp;para;">&para;</i>
          <i data-dec="183" data-hex="B7" data-entity="&amp;middot;">&middot;</i>
          <i data-dec="184" data-hex="B8" data-entity="&amp;cedil;">&cedil;</i>
          <i data-dec="185" data-hex="B9" data-entity="&amp;sup1;">&sup1;</i>
          <i data-dec="186" data-hex="BA" data-entity="&amp;ordm;">&ordm;</i>
          <i data-dec="187" data-hex="BB" data-entity="&amp;raquo;">&raquo;</i>
          <i data-dec="188" data-hex="BC" data-entity="&amp;frac14;">&frac14;</i>
          <i data-dec="189" data-hex="BD" data-entity="&amp;frac12;">&frac12;</i>
          <i data-dec="190" data-hex="BE" data-entity="&amp;frac34;">&frac34;</i>
          <i data-dec="191" data-hex="BF" data-entity="&amp;iquest;">&iquest;</i>
          <i data-dec="192" data-hex="C0" data-entity="&amp;Agrave;">&Agrave;</i>
          <i data-dec="193" data-hex="C1" data-entity="&amp;Aacute;">&Aacute;</i>
          <i data-dec="194" data-hex="C2" data-entity="&amp;Acirc;">&Acirc;</i>
          <i data-dec="195" data-hex="C3" data-entity="&amp;Atilde;">&Atilde;</i>
          <i data-dec="196" data-hex="C4" data-entity="&amp;Auml;">&Auml;</i>
          <i data-dec="197" data-hex="C5" data-entity="&amp;Aring;">&Aring;</i>
          <i data-dec="198" data-hex="C6" data-entity="&amp;AElig;">&AElig;</i>
          <i data-dec="199" data-hex="C7" data-entity="&amp;Ccedil;">&Ccedil;</i>
          <i data-dec="200" data-hex="C8" data-entity="&amp;Egrave;">&Egrave;</i>
          <i data-dec="201" data-hex="C9" data-entity="&amp;Eacute;">&Eacute;</i>
          <i data-dec="202" data-hex="CA" data-entity="&amp;Ecirc;">&Ecirc;</i>
          <i data-dec="203" data-hex="CB" data-entity="&amp;Euml;">&Euml;</i>
          <i data-dec="204" data-hex="CC" data-entity="&amp;Igrave;">&Igrave;</i>
          <i data-dec="205" data-hex="CD" data-entity="&amp;Iacute;">&Iacute;</i>
          <i data-dec="206" data-hex="CE" data-entity="&amp;Icirc;">&Icirc;</i>
          <i data-dec="207" data-hex="CF" data-entity="&amp;Iuml;">&Iuml;</i>
          <i data-dec="208" data-hex="D0" data-entity="&amp;ETH;">&ETH;</i>
          <i data-dec="209" data-hex="D1" data-entity="&amp;Ntilde;">&Ntilde;</i>
          <i data-dec="210" data-hex="D2" data-entity="&amp;Ograve;">&Ograve;</i>
          <i data-dec="211" data-hex="D3" data-entity="&amp;Oacute;">&Oacute;</i>
          <i data-dec="212" data-hex="D4" data-entity="&amp;Ocirc;">&Ocirc;</i>
          <i data-dec="213" data-hex="D5" data-entity="&amp;Otilde;">&Otilde;</i>
          <i data-dec="214" data-hex="D6" data-entity="&amp;Ouml;">&Ouml;</i>
          <i data-dec="215" data-hex="D7" data-entity="&amp;times;">&times;</i>
          <i data-dec="216" data-hex="D8" data-entity="&amp;Oslash;">&Oslash;</i>
          <i data-dec="217" data-hex="D9" data-entity="&amp;Ugrave;">&Ugrave;</i>
          <i data-dec="218" data-hex="DA" data-entity="&amp;Uacute;">&Uacute;</i>
          <i data-dec="219" data-hex="DB" data-entity="&amp;Ucirc;">&Ucirc;</i>
          <i data-dec="220" data-hex="DC" data-entity="&amp;Uuml;">&Uuml;</i>
          <i data-dec="221" data-hex="DD" data-entity="&amp;Yacute;">&Yacute;</i>
          <i data-dec="222" data-hex="DE" data-entity="&amp;THORN;">&THORN;</i>
          <i data-dec="223" data-hex="DF" data-entity="&amp;szlig;">&szlig;</i>
          <i data-dec="224" data-hex="E0" data-entity="&amp;agrave;">&agrave;</i>
          <i data-dec="225" data-hex="E1" data-entity="&amp;aacute;">&aacute;</i>
          <i data-dec="226" data-hex="E2" data-entity="&amp;acirc;">&acirc;</i>
          <i data-dec="227" data-hex="E3" data-entity="&amp;atilde;">&atilde;</i>
          <i data-dec="228" data-hex="E4" data-entity="&amp;auml;">&auml;</i>
          <i data-dec="229" data-hex="E5" data-entity="&amp;aring;">&aring;</i>
          <i data-dec="230" data-hex="E6" data-entity="&amp;aelig;">&aelig;</i>
          <i data-dec="231" data-hex="E7" data-entity="&amp;ccedil;">&ccedil;</i>
          <i data-dec="232" data-hex="E8" data-entity="&amp;egrave;">&egrave;</i>
          <i data-dec="233" data-hex="E9" data-entity="&amp;eacute;">&eacute;</i>
          <i data-dec="234" data-hex="EA" data-entity="&amp;ecirc;">&ecirc;</i>
          <i data-dec="235" data-hex="EB" data-entity="&amp;euml;">&euml;</i>
          <i data-dec="236" data-hex="EC" data-entity="&amp;igrave;">&igrave;</i>
          <i data-dec="237" data-hex="ED" data-entity="&amp;iacute;">&iacute;</i>
          <i data-dec="238" data-hex="EE" data-entity="&amp;icirc;">&icirc;</i>
          <i data-dec="239" data-hex="EF" data-entity="&amp;iuml;">&iuml;</i>
          <i data-dec="240" data-hex="F0" data-entity="&amp;eth;">&eth;</i>
          <i data-dec="241" data-hex="F1" data-entity="&amp;ntilde;">&ntilde;</i>
          <i data-dec="242" data-hex="F2" data-entity="&amp;ograve;">&ograve;</i>
          <i data-dec="243" data-hex="F3" data-entity="&amp;oacute;">&oacute;</i>
          <i data-dec="244" data-hex="F4" data-entity="&amp;ocirc;">&ocirc;</i>
          <i data-dec="245" data-hex="F5" data-entity="&amp;otilde;">&otilde;</i>
          <i data-dec="246" data-hex="F6" data-entity="&amp;ouml;">&ouml;</i>
          <i data-dec="247" data-hex="F7" data-entity="&amp;divide;">&divide;</i>
          <i data-dec="248" data-hex="F8" data-entity="&amp;oslash;">&oslash;</i>
          <i data-dec="249" data-hex="F9" data-entity="&amp;ugrave;">&ugrave;</i>
          <i data-dec="250" data-hex="FA" data-entity="&amp;uacute;">&uacute;</i>
          <i data-dec="251" data-hex="FB" data-entity="&amp;ucirc;">&ucirc;</i>
          <i data-dec="252" data-hex="FC" data-entity="&amp;uuml;">&uuml;</i>
          <i data-dec="253" data-hex="FD" data-entity="&amp;yacute;">&yacute;</i>
          <i data-dec="254" data-hex="FE" data-entity="&amp;thorn;">&thorn;</i>
          <i data-dec="255" data-hex="FF" data-entity="&amp;yuml;">&yuml;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Latin Extended-A</h3>
        <div>
          <i data-dec="256" data-hex="100">&#x100;</i>
          <i data-dec="257" data-hex="101">&#x101;</i>
          <i data-dec="258" data-hex="102">&#x102;</i>
          <i data-dec="259" data-hex="103">&#x103;</i>
          <i data-dec="260" data-hex="104">&#x104;</i>
          <i data-dec="261" data-hex="105">&#x105;</i>
          <i data-dec="262" data-hex="106">&#x106;</i>
          <i data-dec="263" data-hex="107">&#x107;</i>
          <i data-dec="264" data-hex="108">&#x108;</i>
          <i data-dec="265" data-hex="109">&#x109;</i>
          <i data-dec="266" data-hex="10A">&#x10A;</i>
          <i data-dec="267" data-hex="10B">&#x10B;</i>
          <i data-dec="268" data-hex="10C">&#x10C;</i>
          <i data-dec="269" data-hex="10D">&#x10D;</i>
          <i data-dec="270" data-hex="10E">&#x10E;</i>
          <i data-dec="271" data-hex="10F">&#x10F;</i>
          <i data-dec="272" data-hex="110">&#x110;</i>
          <i data-dec="273" data-hex="111">&#x111;</i>
          <i data-dec="274" data-hex="112">&#x112;</i>
          <i data-dec="275" data-hex="113">&#x113;</i>
          <i data-dec="276" data-hex="114">&#x114;</i>
          <i data-dec="277" data-hex="115">&#x115;</i>
          <i data-dec="278" data-hex="116">&#x116;</i>
          <i data-dec="279" data-hex="117">&#x117;</i>
          <i data-dec="280" data-hex="118">&#x118;</i>
          <i data-dec="281" data-hex="119">&#x119;</i>
          <i data-dec="282" data-hex="11A">&#x11A;</i>
          <i data-dec="283" data-hex="11B">&#x11B;</i>
          <i data-dec="284" data-hex="11C">&#x11C;</i>
          <i data-dec="285" data-hex="11D">&#x11D;</i>
          <i data-dec="286" data-hex="11E">&#x11E;</i>
          <i data-dec="287" data-hex="11F">&#x11F;</i>
          <i data-dec="288" data-hex="120">&#x120;</i>
          <i data-dec="289" data-hex="121">&#x121;</i>
          <i data-dec="290" data-hex="122">&#x122;</i>
          <i data-dec="291" data-hex="123">&#x123;</i>
          <i data-dec="292" data-hex="124">&#x124;</i>
          <i data-dec="293" data-hex="125">&#x125;</i>
          <i data-dec="294" data-hex="126">&#x126;</i>
          <i data-dec="295" data-hex="127">&#x127;</i>
          <i data-dec="296" data-hex="128">&#x128;</i>
          <i data-dec="297" data-hex="129">&#x129;</i>
          <i data-dec="298" data-hex="12A">&#x12A;</i>
          <i data-dec="299" data-hex="12B">&#x12B;</i>
          <i data-dec="300" data-hex="12C">&#x12C;</i>
          <i data-dec="301" data-hex="12D">&#x12D;</i>
          <i data-dec="302" data-hex="12E">&#x12E;</i>
          <i data-dec="303" data-hex="12F">&#x12F;</i>
          <i data-dec="304" data-hex="130">&#x130;</i>
          <i data-dec="305" data-hex="131">&#x131;</i>
          <i data-dec="306" data-hex="132">&#x132;</i>
          <i data-dec="307" data-hex="133">&#x133;</i>
          <i data-dec="308" data-hex="134">&#x134;</i>
          <i data-dec="309" data-hex="135">&#x135;</i>
          <i data-dec="310" data-hex="136">&#x136;</i>
          <i data-dec="311" data-hex="137">&#x137;</i>
          <i data-dec="312" data-hex="138">&#x138;</i>
          <i data-dec="313" data-hex="139">&#x139;</i>
          <i data-dec="314" data-hex="13A">&#x13A;</i>
          <i data-dec="315" data-hex="13B">&#x13B;</i>
          <i data-dec="316" data-hex="13C">&#x13C;</i>
          <i data-dec="317" data-hex="13D">&#x13D;</i>
          <i data-dec="318" data-hex="13E">&#x13E;</i>
          <i data-dec="319" data-hex="13F">&#x13F;</i>
          <i data-dec="320" data-hex="140">&#x140;</i>
          <i data-dec="321" data-hex="141">&#x141;</i>
          <i data-dec="322" data-hex="142">&#x142;</i>
          <i data-dec="323" data-hex="143">&#x143;</i>
          <i data-dec="324" data-hex="144">&#x144;</i>
          <i data-dec="325" data-hex="145">&#x145;</i>
          <i data-dec="326" data-hex="146">&#x146;</i>
          <i data-dec="327" data-hex="147">&#x147;</i>
          <i data-dec="328" data-hex="148">&#x148;</i>
          <i data-dec="329" data-hex="149">&#x149;</i>
          <i data-dec="330" data-hex="14A">&#x14A;</i>
          <i data-dec="331" data-hex="14B">&#x14B;</i>
          <i data-dec="332" data-hex="14C">&#x14C;</i>
          <i data-dec="333" data-hex="14D">&#x14D;</i>
          <i data-dec="334" data-hex="14E">&#x14E;</i>
          <i data-dec="335" data-hex="14F">&#x14F;</i>
          <i data-dec="336" data-hex="150">&#x150;</i>
          <i data-dec="337" data-hex="151">&#x151;</i>
          <i data-dec="338" data-hex="152" data-entity="&amp;OElig;">&OElig;</i>
          <i data-dec="339" data-hex="153" data-entity="&amp;oelig;">&oelig;</i>
          <i data-dec="340" data-hex="154">&#x154;</i>
          <i data-dec="341" data-hex="155">&#x155;</i>
          <i data-dec="342" data-hex="156">&#x156;</i>
          <i data-dec="343" data-hex="157">&#x157;</i>
          <i data-dec="344" data-hex="158">&#x158;</i>
          <i data-dec="345" data-hex="159">&#x159;</i>
          <i data-dec="346" data-hex="15A">&#x15A;</i>
          <i data-dec="347" data-hex="15B">&#x15B;</i>
          <i data-dec="348" data-hex="15C">&#x15C;</i>
          <i data-dec="349" data-hex="15D">&#x15D;</i>
          <i data-dec="350" data-hex="15E">&#x15E;</i>
          <i data-dec="351" data-hex="15F">&#x15F;</i>
          <i data-dec="352" data-hex="160" data-entity="&amp;Scaron;">&Scaron;</i>
          <i data-dec="353" data-hex="161" data-entity="&amp;scaron;">&scaron;</i>
          <i data-dec="354" data-hex="162">&#x162;</i>
          <i data-dec="355" data-hex="163">&#x163;</i>
          <i data-dec="356" data-hex="164">&#x164;</i>
          <i data-dec="357" data-hex="165">&#x165;</i>
          <i data-dec="358" data-hex="166">&#x166;</i>
          <i data-dec="359" data-hex="167">&#x167;</i>
          <i data-dec="360" data-hex="168">&#x168;</i>
          <i data-dec="361" data-hex="169">&#x169;</i>
          <i data-dec="362" data-hex="16A">&#x16A;</i>
          <i data-dec="363" data-hex="16B">&#x16B;</i>
          <i data-dec="364" data-hex="16C">&#x16C;</i>
          <i data-dec="365" data-hex="16D">&#x16D;</i>
          <i data-dec="366" data-hex="16E">&#x16E;</i>
          <i data-dec="367" data-hex="16F">&#x16F;</i>
          <i data-dec="368" data-hex="170">&#x170;</i>
          <i data-dec="369" data-hex="171">&#x171;</i>
          <i data-dec="370" data-hex="172">&#x172;</i>
          <i data-dec="371" data-hex="173">&#x173;</i>
          <i data-dec="372" data-hex="174">&#x174;</i>
          <i data-dec="373" data-hex="175">&#x175;</i>
          <i data-dec="374" data-hex="176">&#x176;</i>
          <i data-dec="375" data-hex="177">&#x177;</i>
          <i data-dec="376" data-hex="178" data-entity="&amp;Yuml;">&Yuml;</i>
          <i data-dec="377" data-hex="179">&#x179;</i>
          <i data-dec="378" data-hex="17A">&#x17A;</i>
          <i data-dec="379" data-hex="17B">&#x17B;</i>
          <i data-dec="380" data-hex="17C">&#x17C;</i>
          <i data-dec="381" data-hex="17D">&#x17D;</i>
          <i data-dec="382" data-hex="17E">&#x17E;</i>
          <i data-dec="383" data-hex="17F">&#x17F;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Latin Extended-B</h3>
        <div>
          <i data-dec="384" data-hex="180">&#x180;</i>
          <i data-dec="385" data-hex="181">&#x181;</i>
          <i data-dec="386" data-hex="182">&#x182;</i>
          <i data-dec="387" data-hex="183">&#x183;</i>
          <i data-dec="388" data-hex="184">&#x184;</i>
          <i data-dec="389" data-hex="185">&#x185;</i>
          <i data-dec="390" data-hex="186">&#x186;</i>
          <i data-dec="391" data-hex="187">&#x187;</i>
          <i data-dec="392" data-hex="188">&#x188;</i>
          <i data-dec="393" data-hex="189">&#x189;</i>
          <i data-dec="394" data-hex="18A">&#x18A;</i>
          <i data-dec="395" data-hex="18B">&#x18B;</i>
          <i data-dec="396" data-hex="18C">&#x18C;</i>
          <i data-dec="397" data-hex="18D">&#x18D;</i>
          <i data-dec="398" data-hex="18E">&#x18E;</i>
          <i data-dec="399" data-hex="18F">&#x18F;</i>
          <i data-dec="400" data-hex="190">&#x190;</i>
          <i data-dec="401" data-hex="191">&#x191;</i>
          <i data-dec="402" data-hex="192" data-entity="&amp;fnof;">&fnof;</i>
          <i data-dec="403" data-hex="193">&#x193;</i>
          <i data-dec="404" data-hex="194">&#x194;</i>
          <i data-dec="405" data-hex="195">&#x195;</i>
          <i data-dec="406" data-hex="196">&#x196;</i>
          <i data-dec="407" data-hex="197">&#x197;</i>
          <i data-dec="408" data-hex="198">&#x198;</i>
          <i data-dec="409" data-hex="199">&#x199;</i>
          <i data-dec="410" data-hex="19A">&#x19A;</i>
          <i data-dec="411" data-hex="19B">&#x19B;</i>
          <i data-dec="412" data-hex="19C">&#x19C;</i>
          <i data-dec="413" data-hex="19D">&#x19D;</i>
          <i data-dec="414" data-hex="19E">&#x19E;</i>
          <i data-dec="415" data-hex="19F">&#x19F;</i>
          <i data-dec="416" data-hex="1A0">&#x1A0;</i>
          <i data-dec="417" data-hex="1A1">&#x1A1;</i>
          <i data-dec="418" data-hex="1A2">&#x1A2;</i>
          <i data-dec="419" data-hex="1A3">&#x1A3;</i>
          <i data-dec="420" data-hex="1A4">&#x1A4;</i>
          <i data-dec="421" data-hex="1A5">&#x1A5;</i>
          <i data-dec="422" data-hex="1A6">&#x1A6;</i>
          <i data-dec="423" data-hex="1A7">&#x1A7;</i>
          <i data-dec="424" data-hex="1A8">&#x1A8;</i>
          <i data-dec="425" data-hex="1A9">&#x1A9;</i>
          <i data-dec="426" data-hex="1AA">&#x1AA;</i>
          <i data-dec="427" data-hex="1AB">&#x1AB;</i>
          <i data-dec="428" data-hex="1AC">&#x1AC;</i>
          <i data-dec="429" data-hex="1AD">&#x1AD;</i>
          <i data-dec="430" data-hex="1AE">&#x1AE;</i>
          <i data-dec="431" data-hex="1AF">&#x1AF;</i>
          <i data-dec="432" data-hex="1B0">&#x1B0;</i>
          <i data-dec="433" data-hex="1B1">&#x1B1;</i>
          <i data-dec="434" data-hex="1B2">&#x1B2;</i>
          <i data-dec="435" data-hex="1B3">&#x1B3;</i>
          <i data-dec="436" data-hex="1B4">&#x1B4;</i>
          <i data-dec="437" data-hex="1B5">&#x1B5;</i>
          <i data-dec="438" data-hex="1B6">&#x1B6;</i>
          <i data-dec="439" data-hex="1B7">&#x1B7;</i>
          <i data-dec="440" data-hex="1B8">&#x1B8;</i>
          <i data-dec="441" data-hex="1B9">&#x1B9;</i>
          <i data-dec="442" data-hex="1BA">&#x1BA;</i>
          <i data-dec="443" data-hex="1BB">&#x1BB;</i>
          <i data-dec="444" data-hex="1BC">&#x1BC;</i>
          <i data-dec="445" data-hex="1BD">&#x1BD;</i>
          <i data-dec="446" data-hex="1BE">&#x1BE;</i>
          <i data-dec="447" data-hex="1BF">&#x1BF;</i>
          <i data-dec="448" data-hex="1C0">&#x1C0;</i>
          <i data-dec="449" data-hex="1C1">&#x1C1;</i>
          <i data-dec="450" data-hex="1C2">&#x1C2;</i>
          <i data-dec="451" data-hex="1C3">&#x1C3;</i>
          <i data-dec="452" data-hex="1C4">&#x1C4;</i>
          <i data-dec="453" data-hex="1C5">&#x1C5;</i>
          <i data-dec="454" data-hex="1C6">&#x1C6;</i>
          <i data-dec="455" data-hex="1C7">&#x1C7;</i>
          <i data-dec="456" data-hex="1C8">&#x1C8;</i>
          <i data-dec="457" data-hex="1C9">&#x1C9;</i>
          <i data-dec="458" data-hex="1CA">&#x1CA;</i>
          <i data-dec="459" data-hex="1CB">&#x1CB;</i>
          <i data-dec="460" data-hex="1CC">&#x1CC;</i>
          <i data-dec="461" data-hex="1CD">&#x1CD;</i>
          <i data-dec="462" data-hex="1CE">&#x1CE;</i>
          <i data-dec="463" data-hex="1CF">&#x1CF;</i>
          <i data-dec="464" data-hex="1D0">&#x1D0;</i>
          <i data-dec="465" data-hex="1D1">&#x1D1;</i>
          <i data-dec="466" data-hex="1D2">&#x1D2;</i>
          <i data-dec="467" data-hex="1D3">&#x1D3;</i>
          <i data-dec="468" data-hex="1D4">&#x1D4;</i>
          <i data-dec="469" data-hex="1D5">&#x1D5;</i>
          <i data-dec="470" data-hex="1D6">&#x1D6;</i>
          <i data-dec="471" data-hex="1D7">&#x1D7;</i>
          <i data-dec="472" data-hex="1D8">&#x1D8;</i>
          <i data-dec="473" data-hex="1D9">&#x1D9;</i>
          <i data-dec="474" data-hex="1DA">&#x1DA;</i>
          <i data-dec="475" data-hex="1DB">&#x1DB;</i>
          <i data-dec="476" data-hex="1DC">&#x1DC;</i>
          <i data-dec="477" data-hex="1DD">&#x1DD;</i>
          <i data-dec="478" data-hex="1DE">&#x1DE;</i>
          <i data-dec="479" data-hex="1DF">&#x1DF;</i>
          <i data-dec="480" data-hex="1E0">&#x1E0;</i>
          <i data-dec="481" data-hex="1E1">&#x1E1;</i>
          <i data-dec="482" data-hex="1E2">&#x1E2;</i>
          <i data-dec="483" data-hex="1E3">&#x1E3;</i>
          <i data-dec="484" data-hex="1E4">&#x1E4;</i>
          <i data-dec="485" data-hex="1E5">&#x1E5;</i>
          <i data-dec="486" data-hex="1E6">&#x1E6;</i>
          <i data-dec="487" data-hex="1E7">&#x1E7;</i>
          <i data-dec="488" data-hex="1E8">&#x1E8;</i>
          <i data-dec="489" data-hex="1E9">&#x1E9;</i>
          <i data-dec="490" data-hex="1EA">&#x1EA;</i>
          <i data-dec="491" data-hex="1EB">&#x1EB;</i>
          <i data-dec="492" data-hex="1EC">&#x1EC;</i>
          <i data-dec="493" data-hex="1ED">&#x1ED;</i>
          <i data-dec="494" data-hex="1EE">&#x1EE;</i>
          <i data-dec="495" data-hex="1EF">&#x1EF;</i>
          <i data-dec="496" data-hex="1F0">&#x1F0;</i>
          <i data-dec="497" data-hex="1F1">&#x1F1;</i>
          <i data-dec="498" data-hex="1F2">&#x1F2;</i>
          <i data-dec="499" data-hex="1F3">&#x1F3;</i>
          <i data-dec="500" data-hex="1F4">&#x1F4;</i>
          <i data-dec="501" data-hex="1F5">&#x1F5;</i>
          <i data-dec="502" data-hex="1F6">&#x1F6;</i>
          <i data-dec="503" data-hex="1F7">&#x1F7;</i>
          <i data-dec="504" data-hex="1F8">&#x1F8;</i>
          <i data-dec="505" data-hex="1F9">&#x1F9;</i>
          <i data-dec="506" data-hex="1FA">&#x1FA;</i>
          <i data-dec="507" data-hex="1FB">&#x1FB;</i>
          <i data-dec="508" data-hex="1FC">&#x1FC;</i>
          <i data-dec="509" data-hex="1FD">&#x1FD;</i>
          <i data-dec="510" data-hex="1FE">&#x1FE;</i>
          <i data-dec="511" data-hex="1FF">&#x1FF;</i>
          <i data-dec="512" data-hex="200">&#x200;</i>
          <i data-dec="513" data-hex="201">&#x201;</i>
          <i data-dec="514" data-hex="202">&#x202;</i>
          <i data-dec="515" data-hex="203">&#x203;</i>
          <i data-dec="516" data-hex="204">&#x204;</i>
          <i data-dec="517" data-hex="205">&#x205;</i>
          <i data-dec="518" data-hex="206">&#x206;</i>
          <i data-dec="519" data-hex="207">&#x207;</i>
          <i data-dec="520" data-hex="208">&#x208;</i>
          <i data-dec="521" data-hex="209">&#x209;</i>
          <i data-dec="522" data-hex="20A">&#x20A;</i>
          <i data-dec="523" data-hex="20B">&#x20B;</i>
          <i data-dec="524" data-hex="20C">&#x20C;</i>
          <i data-dec="525" data-hex="20D">&#x20D;</i>
          <i data-dec="526" data-hex="20E">&#x20E;</i>
          <i data-dec="527" data-hex="20F">&#x20F;</i>
          <i data-dec="528" data-hex="210">&#x210;</i>
          <i data-dec="529" data-hex="211">&#x211;</i>
          <i data-dec="530" data-hex="212">&#x212;</i>
          <i data-dec="531" data-hex="213">&#x213;</i>
          <i data-dec="532" data-hex="214">&#x214;</i>
          <i data-dec="533" data-hex="215">&#x215;</i>
          <i data-dec="534" data-hex="216">&#x216;</i>
          <i data-dec="535" data-hex="217">&#x217;</i>
          <i data-dec="536" data-hex="218">&#x218;</i>
          <i data-dec="537" data-hex="219">&#x219;</i>
          <i data-dec="538" data-hex="21A">&#x21A;</i>
          <i data-dec="539" data-hex="21B">&#x21B;</i>
          <i data-dec="540" data-hex="21C">&#x21C;</i>
          <i data-dec="541" data-hex="21D">&#x21D;</i>
          <i data-dec="542" data-hex="21E">&#x21E;</i>
          <i data-dec="543" data-hex="21F">&#x21F;</i>
          <i data-dec="544" data-hex="220">&#x220;</i>
          <i data-dec="545" data-hex="221">&#x221;</i>
          <i data-dec="546" data-hex="222">&#x222;</i>
          <i data-dec="547" data-hex="223">&#x223;</i>
          <i data-dec="548" data-hex="224">&#x224;</i>
          <i data-dec="549" data-hex="225">&#x225;</i>
          <i data-dec="550" data-hex="226">&#x226;</i>
          <i data-dec="551" data-hex="227">&#x227;</i>
          <i data-dec="552" data-hex="228">&#x228;</i>
          <i data-dec="553" data-hex="229">&#x229;</i>
          <i data-dec="554" data-hex="22A">&#x22A;</i>
          <i data-dec="555" data-hex="22B">&#x22B;</i>
          <i data-dec="556" data-hex="22C">&#x22C;</i>
          <i data-dec="557" data-hex="22D">&#x22D;</i>
          <i data-dec="558" data-hex="22E">&#x22E;</i>
          <i data-dec="559" data-hex="22F">&#x22F;</i>
          <i data-dec="560" data-hex="230">&#x230;</i>
          <i data-dec="561" data-hex="231">&#x231;</i>
          <i data-dec="562" data-hex="232">&#x232;</i>
          <i data-dec="563" data-hex="233">&#x233;</i>
          <i data-dec="564" data-hex="234">&#x234;</i>
          <i data-dec="565" data-hex="235">&#x235;</i>
          <i data-dec="566" data-hex="236">&#x236;</i>
          <i data-dec="567" data-hex="237">&#x237;</i>
          <i data-dec="568" data-hex="238">&#x238;</i>
          <i data-dec="569" data-hex="239">&#x239;</i>
          <i data-dec="570" data-hex="23A">&#x23A;</i>
          <i data-dec="571" data-hex="23B">&#x23B;</i>
          <i data-dec="572" data-hex="23C">&#x23C;</i>
          <i data-dec="573" data-hex="23D">&#x23D;</i>
          <i data-dec="574" data-hex="23E">&#x23E;</i>
          <i data-dec="575" data-hex="23F">&#x23F;</i>
          <i data-dec="576" data-hex="240">&#x240;</i>
          <i data-dec="577" data-hex="241">&#x241;</i>
          <i data-dec="578" data-hex="242">&#x242;</i>
          <i data-dec="579" data-hex="243">&#x243;</i>
          <i data-dec="580" data-hex="244">&#x244;</i>
          <i data-dec="581" data-hex="245">&#x245;</i>
          <i data-dec="582" data-hex="246">&#x246;</i>
          <i data-dec="583" data-hex="247">&#x247;</i>
          <i data-dec="584" data-hex="248">&#x248;</i>
          <i data-dec="585" data-hex="249">&#x249;</i>
          <i data-dec="586" data-hex="24A">&#x24A;</i>
          <i data-dec="587" data-hex="24B">&#x24B;</i>
          <i data-dec="588" data-hex="24C">&#x24C;</i>
          <i data-dec="589" data-hex="24D">&#x24D;</i>
          <i data-dec="590" data-hex="24E">&#x24E;</i>
          <i data-dec="591" data-hex="24F">&#x24F;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Greek</h3>
        <div>
          <i data-dec="880" data-hex="370">&#x370;</i>
          <i data-dec="881" data-hex="371">&#x371;</i>
          <i data-dec="882" data-hex="372">&#x372;</i>
          <i data-dec="883" data-hex="373">&#x373;</i>
          <i data-dec="884" data-hex="374">&#x374;</i>
          <i data-dec="885" data-hex="375">&#x375;</i>
          <i data-dec="886" data-hex="376">&#x376;</i>
          <i data-dec="887" data-hex="377">&#x377;</i>
          <i data-dec="888" data-hex="378">&#x378;</i>
          <i data-dec="889" data-hex="379">&#x379;</i>
          <i data-dec="890" data-hex="37A">&#x37A;</i>
          <i data-dec="891" data-hex="37B">&#x37B;</i>
          <i data-dec="892" data-hex="37C">&#x37C;</i>
          <i data-dec="893" data-hex="37D">&#x37D;</i>
          <i data-dec="894" data-hex="37E">&#x37E;</i>
          <i data-dec="895" data-hex="37F">&#x37F;</i>
          <i data-dec="896" data-hex="380">&#x380;</i>
          <i data-dec="897" data-hex="381">&#x381;</i>
          <i data-dec="898" data-hex="382">&#x382;</i>
          <i data-dec="899" data-hex="383">&#x383;</i>
          <i data-dec="900" data-hex="384">&#x384;</i>
          <i data-dec="901" data-hex="385">&#x385;</i>
          <i data-dec="902" data-hex="386">&#x386;</i>
          <i data-dec="903" data-hex="387">&#x387;</i>
          <i data-dec="904" data-hex="388">&#x388;</i>
          <i data-dec="905" data-hex="389">&#x389;</i>
          <i data-dec="906" data-hex="38A">&#x38A;</i>
          <i data-dec="907" data-hex="38B">&#x38B;</i>
          <i data-dec="908" data-hex="38C">&#x38C;</i>
          <i data-dec="909" data-hex="38D">&#x38D;</i>
          <i data-dec="910" data-hex="38E">&#x38E;</i>
          <i data-dec="911" data-hex="38F">&#x38F;</i>
          <i data-dec="912" data-hex="390">&#x390;</i>
          <i data-dec="913" data-hex="391" data-entity="&amp;Alpha;">&Alpha;</i>
          <i data-dec="914" data-hex="392" data-entity="&amp;Beta;">&Beta;</i>
          <i data-dec="915" data-hex="393" data-entity="&amp;Gamma;">&Gamma;</i>
          <i data-dec="916" data-hex="394" data-entity="&amp;Delta;">&Delta;</i>
          <i data-dec="917" data-hex="395" data-entity="&amp;Epsilon;">&Epsilon;</i>
          <i data-dec="918" data-hex="396" data-entity="&amp;Zeta;">&Zeta;</i>
          <i data-dec="919" data-hex="397" data-entity="&amp;Eta;">&Eta;</i>
          <i data-dec="920" data-hex="398" data-entity="&amp;Theta;">&Theta;</i>
          <i data-dec="921" data-hex="399" data-entity="&amp;Iota;">&Iota;</i>
          <i data-dec="922" data-hex="39A" data-entity="&amp;Kappa;">&Kappa;</i>
          <i data-dec="923" data-hex="39B" data-entity="&amp;Lambda;">&Lambda;</i>
          <i data-dec="924" data-hex="39C" data-entity="&amp;Mu;">&Mu;</i>
          <i data-dec="925" data-hex="39D" data-entity="&amp;Nu;">&Nu;</i>
          <i data-dec="926" data-hex="39E" data-entity="&amp;Xi;">&Xi;</i>
          <i data-dec="927" data-hex="39F" data-entity="&amp;Omicron;">&Omicron;</i>
          <i data-dec="928" data-hex="3A0" data-entity="&amp;Pi;">&Pi;</i>
          <i data-dec="929" data-hex="3A1" data-entity="&amp;Rho;">&Rho;</i>
          <i data-dec="930" data-hex="3A2">&#x3A2;</i>
          <i data-dec="931" data-hex="3A3" data-entity="&amp;Sigma;">&Sigma;</i>
          <i data-dec="932" data-hex="3A4" data-entity="&amp;Tau;">&Tau;</i>
          <i data-dec="933" data-hex="3A5" data-entity="&amp;Upsilon;">&Upsilon;</i>
          <i data-dec="934" data-hex="3A6" data-entity="&amp;Phi;">&Phi;</i>
          <i data-dec="935" data-hex="3A7" data-entity="&amp;Chi;">&Chi;</i>
          <i data-dec="936" data-hex="3A8" data-entity="&amp;Psi;">&Psi;</i>
          <i data-dec="937" data-hex="3A9" data-entity="&amp;Omega;">&Omega;</i>
          <i data-dec="938" data-hex="3AA">&#x3AA;</i>
          <i data-dec="939" data-hex="3AB">&#x3AB;</i>
          <i data-dec="940" data-hex="3AC">&#x3AC;</i>
          <i data-dec="941" data-hex="3AD">&#x3AD;</i>
          <i data-dec="942" data-hex="3AE">&#x3AE;</i>
          <i data-dec="943" data-hex="3AF">&#x3AF;</i>
          <i data-dec="944" data-hex="3B0">&#x3B0;</i>
          <i data-dec="945" data-hex="3B1" data-entity="&amp;alpha;">&alpha;</i>
          <i data-dec="946" data-hex="3B2" data-entity="&amp;beta;">&beta;</i>
          <i data-dec="947" data-hex="3B3" data-entity="&amp;gamma;">&gamma;</i>
          <i data-dec="948" data-hex="3B4" data-entity="&amp;delta;">&delta;</i>
          <i data-dec="949" data-hex="3B5" data-entity="&amp;epsilon;">&epsilon;</i>
          <i data-dec="950" data-hex="3B6" data-entity="&amp;zeta;">&zeta;</i>
          <i data-dec="951" data-hex="3B7" data-entity="&amp;eta;">&eta;</i>
          <i data-dec="952" data-hex="3B8" data-entity="&amp;theta;">&theta;</i>
          <i data-dec="953" data-hex="3B9" data-entity="&amp;iota;">&iota;</i>
          <i data-dec="954" data-hex="3BA" data-entity="&amp;kappa;">&kappa;</i>
          <i data-dec="955" data-hex="3BB" data-entity="&amp;lambda;">&lambda;</i>
          <i data-dec="956" data-hex="3BC" data-entity="&amp;mu;">&mu;</i>
          <i data-dec="957" data-hex="3BD" data-entity="&amp;nu;">&nu;</i>
          <i data-dec="958" data-hex="3BE" data-entity="&amp;xi;">&xi;</i>
          <i data-dec="959" data-hex="3BF" data-entity="&amp;omicron;">&omicron;</i>
          <i data-dec="960" data-hex="3C0" data-entity="&amp;pi;">&pi;</i>
          <i data-dec="961" data-hex="3C1" data-entity="&amp;rho;">&rho;</i>
          <i data-dec="962" data-hex="3C2" data-entity="&amp;sigmaf;">&sigmaf;</i>
          <i data-dec="963" data-hex="3C3" data-entity="&amp;sigma;">&sigma;</i>
          <i data-dec="964" data-hex="3C4" data-entity="&amp;tau;">&tau;</i>
          <i data-dec="965" data-hex="3C5" data-entity="&amp;upsilon;">&upsilon;</i>
          <i data-dec="966" data-hex="3C6" data-entity="&amp;phi;">&phi;</i>
          <i data-dec="967" data-hex="3C7" data-entity="&amp;chi;">&chi;</i>
          <i data-dec="968" data-hex="3C8" data-entity="&amp;psi;">&psi;</i>
          <i data-dec="969" data-hex="3C9" data-entity="&amp;omega;">&omega;</i>
          <i data-dec="970" data-hex="3CA">&#x3CA;</i>
          <i data-dec="971" data-hex="3CB">&#x3CB;</i>
          <i data-dec="972" data-hex="3CC">&#x3CC;</i>
          <i data-dec="973" data-hex="3CD">&#x3CD;</i>
          <i data-dec="974" data-hex="3CE">&#x3CE;</i>
          <i data-dec="975" data-hex="3CF">&#x3CF;</i>
          <i data-dec="976" data-hex="3D0">&#x3D0;</i>
          <i data-dec="977" data-hex="3D1" data-entity="&amp;thetasym;">&thetasym;</i>
          <i data-dec="978" data-hex="3D2" data-entity="&amp;upsih;">&upsih;</i>
          <i data-dec="979" data-hex="3D3">&#x3D3;</i>
          <i data-dec="980" data-hex="3D4">&#x3D4;</i>
          <i data-dec="981" data-hex="3D5">&#x3D5;</i>
          <i data-dec="982" data-hex="3D6" data-entity="&amp;piv;">&piv;</i>
          <i data-dec="983" data-hex="3D7">&#x3D7;</i>
          <i data-dec="984" data-hex="3D8">&#x3D8;</i>
          <i data-dec="985" data-hex="3D9">&#x3D9;</i>
          <i data-dec="986" data-hex="3DA">&#x3DA;</i>
          <i data-dec="987" data-hex="3DB">&#x3DB;</i>
          <i data-dec="988" data-hex="3DC">&#x3DC;</i>
          <i data-dec="989" data-hex="3DD">&#x3DD;</i>
          <i data-dec="990" data-hex="3DE">&#x3DE;</i>
          <i data-dec="991" data-hex="3DF">&#x3DF;</i>
          <i data-dec="992" data-hex="3E0">&#x3E0;</i>
          <i data-dec="993" data-hex="3E1">&#x3E1;</i>
          <i data-dec="994" data-hex="3E2">&#x3E2;</i>
          <i data-dec="995" data-hex="3E3">&#x3E3;</i>
          <i data-dec="996" data-hex="3E4">&#x3E4;</i>
          <i data-dec="997" data-hex="3E5">&#x3E5;</i>
          <i data-dec="998" data-hex="3E6">&#x3E6;</i>
          <i data-dec="999" data-hex="3E7">&#x3E7;</i>
          <i data-dec="1000" data-hex="3E8">&#x3E8;</i>
          <i data-dec="1001" data-hex="3E9">&#x3E9;</i>
          <i data-dec="1002" data-hex="3EA">&#x3EA;</i>
          <i data-dec="1003" data-hex="3EB">&#x3EB;</i>
          <i data-dec="1004" data-hex="3EC">&#x3EC;</i>
          <i data-dec="1005" data-hex="3ED">&#x3ED;</i>
          <i data-dec="1006" data-hex="3EE">&#x3EE;</i>
          <i data-dec="1007" data-hex="3EF">&#x3EF;</i>
          <i data-dec="1008" data-hex="3F0">&#x3F0;</i>
          <i data-dec="1009" data-hex="3F1">&#x3F1;</i>
          <i data-dec="1010" data-hex="3F2">&#x3F2;</i>
          <i data-dec="1011" data-hex="3F3">&#x3F3;</i>
          <i data-dec="1012" data-hex="3F4">&#x3F4;</i>
          <i data-dec="1013" data-hex="3F5">&#x3F5;</i>
          <i data-dec="1014" data-hex="3F6">&#x3F6;</i>
          <i data-dec="1015" data-hex="3F7">&#x3F7;</i>
          <i data-dec="1016" data-hex="3F8">&#x3F8;</i>
          <i data-dec="1017" data-hex="3F9">&#x3F9;</i>
          <i data-dec="1018" data-hex="3FA">&#x3FA;</i>
          <i data-dec="1019" data-hex="3FB">&#x3FB;</i>
          <i data-dec="1020" data-hex="3FC">&#x3FC;</i>
          <i data-dec="1021" data-hex="3FD">&#x3FD;</i>
          <i data-dec="1022" data-hex="3FE">&#x3FE;</i>
          <i data-dec="1023" data-hex="3FF">&#x3FF;</i>
        </div>
      </div>

      <div class="character-set">
        <h3>Cyrillic</h3>
        <div>
          <i data-dec="1024" data-hex="400">&#x400;</i>
          <i data-dec="1025" data-hex="401">&#x401;</i>
          <i data-dec="1026" data-hex="402">&#x402;</i>
          <i data-dec="1027" data-hex="403">&#x403;</i>
          <i data-dec="1028" data-hex="404">&#x404;</i>
          <i data-dec="1029" data-hex="405">&#x405;</i>
          <i data-dec="1030" data-hex="406">&#x406;</i>
          <i data-dec="1031" data-hex="407">&#x407;</i>
          <i data-dec="1032" data-hex="408">&#x408;</i>
          <i data-dec="1033" data-hex="409">&#x409;</i>
          <i data-dec="1034" data-hex="40a">&#x40a;</i>
          <i data-dec="1035" data-hex="40b">&#x40b;</i>
          <i data-dec="1036" data-hex="40c">&#x40c;</i>
          <i data-dec="1037" data-hex="40d">&#x40d;</i>
          <i data-dec="1038" data-hex="40e">&#x40e;</i>
          <i data-dec="1039" data-hex="40f">&#x40f;</i>
          <i data-dec="1040" data-hex="410">&#x410;</i>
          <i data-dec="1041" data-hex="411">&#x411;</i>
          <i data-dec="1042" data-hex="412">&#x412;</i>
          <i data-dec="1043" data-hex="413">&#x413;</i>
          <i data-dec="1044" data-hex="414">&#x414;</i>
          <i data-dec="1045" data-hex="415">&#x415;</i>
          <i data-dec="1046" data-hex="416">&#x416;</i>
          <i data-dec="1047" data-hex="417">&#x417;</i>
          <i data-dec="1048" data-hex="418">&#x418;</i>
          <i data-dec="1049" data-hex="419">&#x419;</i>
          <i data-dec="1050" data-hex="41a">&#x41a;</i>
          <i data-dec="1051" data-hex="41b">&#x41b;</i>
          <i data-dec="1052" data-hex="41c">&#x41c;</i>
          <i data-dec="1053" data-hex="41d">&#x41d;</i>
          <i data-dec="1054" data-hex="41e">&#x41e;</i>
          <i data-dec="1055" data-hex="41f">&#x41f;</i>
          <i data-dec="1056" data-hex="420">&#x420;</i>
          <i data-dec="1057" data-hex="421">&#x421;</i>
          <i data-dec="1058" data-hex="422">&#x422;</i>
          <i data-dec="1059" data-hex="423">&#x423;</i>
          <i data-dec="1060" data-hex="424">&#x424;</i>
          <i data-dec="1061" data-hex="425">&#x425;</i>
          <i data-dec="1062" data-hex="426">&#x426;</i>
          <i data-dec="1063" data-hex="427">&#x427;</i>
          <i data-dec="1064" data-hex="428">&#x428;</i>
          <i data-dec="1065" data-hex="429">&#x429;</i>
          <i data-dec="1066" data-hex="42a">&#x42a;</i>
          <i data-dec="1067" data-hex="42b">&#x42b;</i>
          <i data-dec="1068" data-hex="42c">&#x42c;</i>
          <i data-dec="1069" data-hex="42d">&#x42d;</i>
          <i data-dec="1070" data-hex="42e">&#x42e;</i>
          <i data-dec="1071" data-hex="42f">&#x42f;</i>
          <i data-dec="1072" data-hex="430">&#x430;</i>
          <i data-dec="1073" data-hex="431">&#x431;</i>
          <i data-dec="1074" data-hex="432">&#x432;</i>
          <i data-dec="1075" data-hex="433">&#x433;</i>
          <i data-dec="1076" data-hex="434">&#x434;</i>
          <i data-dec="1077" data-hex="435">&#x435;</i>
          <i data-dec="1078" data-hex="436">&#x436;</i>
          <i data-dec="1079" data-hex="437">&#x437;</i>
          <i data-dec="1080" data-hex="438">&#x438;</i>
          <i data-dec="1081" data-hex="439">&#x439;</i>
          <i data-dec="1082" data-hex="43a">&#x43a;</i>
          <i data-dec="1083" data-hex="43b">&#x43b;</i>
          <i data-dec="1084" data-hex="43c">&#x43c;</i>
          <i data-dec="1085" data-hex="43d">&#x43d;</i>
          <i data-dec="1086" data-hex="43e">&#x43e;</i>
          <i data-dec="1087" data-hex="43f">&#x43f;</i>
          <i data-dec="1088" data-hex="440">&#x440;</i>
          <i data-dec="1089" data-hex="441">&#x441;</i>
          <i data-dec="1090" data-hex="442">&#x442;</i>
          <i data-dec="1091" data-hex="443">&#x443;</i>
          <i data-dec="1092" data-hex="444">&#x444;</i>
          <i data-dec="1093" data-hex="445">&#x445;</i>
          <i data-dec="1094" data-hex="446">&#x446;</i>
          <i data-dec="1095" data-hex="447">&#x447;</i>
          <i data-dec="1096" data-hex="448">&#x448;</i>
          <i data-dec="1097" data-hex="449">&#x449;</i>
          <i data-dec="1098" data-hex="44a">&#x44a;</i>
          <i data-dec="1099" data-hex="44b">&#x44b;</i>
          <i data-dec="1100" data-hex="44c">&#x44c;</i>
          <i data-dec="1101" data-hex="44d">&#x44d;</i>
          <i data-dec="1102" data-hex="44e">&#x44e;</i>
          <i data-dec="1103" data-hex="44f">&#x44f;</i>
          <i data-dec="1104" data-hex="450">&#x450;</i>
          <i data-dec="1105" data-hex="451">&#x451;</i>
          <i data-dec="1106" data-hex="452">&#x452;</i>
          <i data-dec="1107" data-hex="453">&#x453;</i>
          <i data-dec="1108" data-hex="454">&#x454;</i>
          <i data-dec="1109" data-hex="455">&#x455;</i>
          <i data-dec="1110" data-hex="456">&#x456;</i>
          <i data-dec="1111" data-hex="457">&#x457;</i>
          <i data-dec="1112" data-hex="458">&#x458;</i>
          <i data-dec="1113" data-hex="459">&#x459;</i>
          <i data-dec="1114" data-hex="45a">&#x45a;</i>
          <i data-dec="1115" data-hex="45b">&#x45b;</i>
          <i data-dec="1116" data-hex="45c">&#x45c;</i>
          <i data-dec="1117" data-hex="45d">&#x45d;</i>
          <i data-dec="1118" data-hex="45e">&#x45e;</i>
          <i data-dec="1119" data-hex="45f">&#x45f;</i>
          <i data-dec="1120" data-hex="460">&#x460;</i>
          <i data-dec="1121" data-hex="461">&#x461;</i>
          <i data-dec="1122" data-hex="462">&#x462;</i>
          <i data-dec="1123" data-hex="463">&#x463;</i>
          <i data-dec="1124" data-hex="464">&#x464;</i>
          <i data-dec="1125" data-hex="465">&#x465;</i>
          <i data-dec="1126" data-hex="466">&#x466;</i>
          <i data-dec="1127" data-hex="467">&#x467;</i>
          <i data-dec="1128" data-hex="468">&#x468;</i>
          <i data-dec="1129" data-hex="469">&#x469;</i>
          <i data-dec="1130" data-hex="46a">&#x46a;</i>
          <i data-dec="1131" data-hex="46b">&#x46b;</i>
          <i data-dec="1132" data-hex="46c">&#x46c;</i>
          <i data-dec="1133" data-hex="46d">&#x46d;</i>
          <i data-dec="1134" data-hex="46e">&#x46e;</i>
          <i data-dec="1135" data-hex="46f">&#x46f;</i>
          <i data-dec="1136" data-hex="470">&#x470;</i>
          <i data-dec="1137" data-hex="471">&#x471;</i>
          <i data-dec="1138" data-hex="472">&#x472;</i>
          <i data-dec="1139" data-hex="473">&#x473;</i>
          <i data-dec="1140" data-hex="474">&#x474;</i>
          <i data-dec="1141" data-hex="475">&#x475;</i>
          <i data-dec="1142" data-hex="476">&#x476;</i>
          <i data-dec="1143" data-hex="477">&#x477;</i>
          <i data-dec="1144" data-hex="478">&#x478;</i>
          <i data-dec="1145" data-hex="479">&#x479;</i>
          <i data-dec="1146" data-hex="47a">&#x47a;</i>
          <i data-dec="1147" data-hex="47b">&#x47b;</i>
          <i data-dec="1148" data-hex="47c">&#x47c;</i>
          <i data-dec="1149" data-hex="47d">&#x47d;</i>
          <i data-dec="1150" data-hex="47e">&#x47e;</i>
          <i data-dec="1151" data-hex="47f">&#x47f;</i>
          <i data-dec="1152" data-hex="480">&#x480;</i>
          <i data-dec="1153" data-hex="481">&#x481;</i>
          <i data-dec="1154" data-hex="482">&#x482;</i>
          <i data-dec="1155" data-hex="483">&#x483;</i>
          <i data-dec="1156" data-hex="484">&#x484;</i>
          <i data-dec="1157" data-hex="485">&#x485;</i>
          <i data-dec="1158" data-hex="486">&#x486;</i>
          <i data-dec="1159" data-hex="487">&#x487;</i>
          <i data-dec="1160" data-hex="488">&#x488;</i>
          <i data-dec="1161" data-hex="489">&#x489;</i>
          <i data-dec="1162" data-hex="48a">&#x48a;</i>
          <i data-dec="1163" data-hex="48b">&#x48b;</i>
          <i data-dec="1164" data-hex="48c">&#x48c;</i>
          <i data-dec="1165" data-hex="48d">&#x48d;</i>
          <i data-dec="1166" data-hex="48e">&#x48e;</i>
          <i data-dec="1167" data-hex="48f">&#x48f;</i>
          <i data-dec="1168" data-hex="490">&#x490;</i>
          <i data-dec="1169" data-hex="491">&#x491;</i>
          <i data-dec="1170" data-hex="492">&#x492;</i>
          <i data-dec="1171" data-hex="493">&#x493;</i>
          <i data-dec="1172" data-hex="494">&#x494;</i>
          <i data-dec="1173" data-hex="495">&#x495;</i>
          <i data-dec="1174" data-hex="496">&#x496;</i>
          <i data-dec="1175" data-hex="497">&#x497;</i>
          <i data-dec="1176" data-hex="498">&#x498;</i>
          <i data-dec="1177" data-hex="499">&#x499;</i>
          <i data-dec="1178" data-hex="49a">&#x49a;</i>
          <i data-dec="1179" data-hex="49b">&#x49b;</i>
          <i data-dec="1180" data-hex="49c">&#x49c;</i>
          <i data-dec="1181" data-hex="49d">&#x49d;</i>
          <i data-dec="1182" data-hex="49e">&#x49e;</i>
          <i data-dec="1183" data-hex="49f">&#x49f;</i>
          <i data-dec="1184" data-hex="4a0">&#x4a0;</i>
          <i data-dec="1185" data-hex="4a1">&#x4a1;</i>
          <i data-dec="1186" data-hex="4a2">&#x4a2;</i>
          <i data-dec="1187" data-hex="4a3">&#x4a3;</i>
          <i data-dec="1188" data-hex="4a4">&#x4a4;</i>
          <i data-dec="1189" data-hex="4a5">&#x4a5;</i>
          <i data-dec="1190" data-hex="4a6">&#x4a6;</i>
          <i data-dec="1191" data-hex="4a7">&#x4a7;</i>
          <i data-dec="1192" data-hex="4a8">&#x4a8;</i>
          <i data-dec="1193" data-hex="4a9">&#x4a9;</i>
          <i data-dec="1194" data-hex="4aa">&#x4aa;</i>
          <i data-dec="1195" data-hex="4ab">&#x4ab;</i>
          <i data-dec="1196" data-hex="4ac">&#x4ac;</i>
          <i data-dec="1197" data-hex="4ad">&#x4ad;</i>
          <i data-dec="1198" data-hex="4ae">&#x4ae;</i>
          <i data-dec="1199" data-hex="4af">&#x4af;</i>
          <i data-dec="1200" data-hex="4b0">&#x4b0;</i>
          <i data-dec="1201" data-hex="4b1">&#x4b1;</i>
          <i data-dec="1202" data-hex="4b2">&#x4b2;</i>
          <i data-dec="1203" data-hex="4b3">&#x4b3;</i>
          <i data-dec="1204" data-hex="4b4">&#x4b4;</i>
          <i data-dec="1205" data-hex="4b5">&#x4b5;</i>
          <i data-dec="1206" data-hex="4b6">&#x4b6;</i>
          <i data-dec="1207" data-hex="4b7">&#x4b7;</i>
          <i data-dec="1208" data-hex="4b8">&#x4b8;</i>
          <i data-dec="1209" data-hex="4b9">&#x4b9;</i>
          <i data-dec="1210" data-hex="4ba">&#x4ba;</i>
          <i data-dec="1211" data-hex="4bb">&#x4bb;</i>
          <i data-dec="1212" data-hex="4bc">&#x4bc;</i>
          <i data-dec="1213" data-hex="4bd">&#x4bd;</i>
          <i data-dec="1214" data-hex="4be">&#x4be;</i>
          <i data-dec="1215" data-hex="4bf">&#x4bf;</i>
          <i data-dec="1216" data-hex="4c0">&#x4c0;</i>
          <i data-dec="1217" data-hex="4c1">&#x4c1;</i>
          <i data-dec="1218" data-hex="4c2">&#x4c2;</i>
          <i data-dec="1219" data-hex="4c3">&#x4c3;</i>
          <i data-dec="1220" data-hex="4c4">&#x4c4;</i>
          <i data-dec="1221" data-hex="4c5">&#x4c5;</i>
          <i data-dec="1222" data-hex="4c6">&#x4c6;</i>
          <i data-dec="1223" data-hex="4c7">&#x4c7;</i>
          <i data-dec="1224" data-hex="4c8">&#x4c8;</i>
          <i data-dec="1225" data-hex="4c9">&#x4c9;</i>
          <i data-dec="1226" data-hex="4ca">&#x4ca;</i>
          <i data-dec="1227" data-hex="4cb">&#x4cb;</i>
          <i data-dec="1228" data-hex="4cc">&#x4cc;</i>
          <i data-dec="1229" data-hex="4cd">&#x4cd;</i>
          <i data-dec="1230" data-hex="4ce">&#x4ce;</i>
          <i data-dec="1231" data-hex="4cf">&#x4cf;</i>
          <i data-dec="1232" data-hex="4d0">&#x4d0;</i>
          <i data-dec="1233" data-hex="4d1">&#x4d1;</i>
          <i data-dec="1234" data-hex="4d2">&#x4d2;</i>
          <i data-dec="1235" data-hex="4d3">&#x4d3;</i>
          <i data-dec="1236" data-hex="4d4">&#x4d4;</i>
          <i data-dec="1237" data-hex="4d5">&#x4d5;</i>
          <i data-dec="1238" data-hex="4d6">&#x4d6;</i>
          <i data-dec="1239" data-hex="4d7">&#x4d7;</i>
          <i data-dec="1240" data-hex="4d8">&#x4d8;</i>
          <i data-dec="1241" data-hex="4d9">&#x4d9;</i>
          <i data-dec="1242" data-hex="4da">&#x4da;</i>
          <i data-dec="1243" data-hex="4db">&#x4db;</i>
          <i data-dec="1244" data-hex="4dc">&#x4dc;</i>
          <i data-dec="1245" data-hex="4dd">&#x4dd;</i>
          <i data-dec="1246" data-hex="4de">&#x4de;</i>
          <i data-dec="1247" data-hex="4df">&#x4df;</i>
          <i data-dec="1248" data-hex="4e0">&#x4e0;</i>
          <i data-dec="1249" data-hex="4e1">&#x4e1;</i>
          <i data-dec="1250" data-hex="4e2">&#x4e2;</i>
          <i data-dec="1251" data-hex="4e3">&#x4e3;</i>
          <i data-dec="1252" data-hex="4e4">&#x4e4;</i>
          <i data-dec="1253" data-hex="4e5">&#x4e5;</i>
          <i data-dec="1254" data-hex="4e6">&#x4e6;</i>
          <i data-dec="1255" data-hex="4e7">&#x4e7;</i>
          <i data-dec="1256" data-hex="4e8">&#x4e8;</i>
          <i data-dec="1257" data-hex="4e9">&#x4e9;</i>
          <i data-dec="1258" data-hex="4ea">&#x4ea;</i>
          <i data-dec="1259" data-hex="4eb">&#x4eb;</i>
          <i data-dec="1260" data-hex="4ec">&#x4ec;</i>
          <i data-dec="1261" data-hex="4ed">&#x4ed;</i>
          <i data-dec="1262" data-hex="4ee">&#x4ee;</i>
          <i data-dec="1263" data-hex="4ef">&#x4ef;</i>
          <i data-dec="1264" data-hex="4f0">&#x4f0;</i>
          <i data-dec="1265" data-hex="4f1">&#x4f1;</i>
          <i data-dec="1266" data-hex="4f2">&#x4f2;</i>
          <i data-dec="1267" data-hex="4f3">&#x4f3;</i>
          <i data-dec="1268" data-hex="4f4">&#x4f4;</i>
          <i data-dec="1269" data-hex="4f5">&#x4f5;</i>
          <i data-dec="1270" data-hex="4f6">&#x4f6;</i>
          <i data-dec="1271" data-hex="4f7">&#x4f7;</i>
          <i data-dec="1272" data-hex="4f8">&#x4f8;</i>
          <i data-dec="1273" data-hex="4f9">&#x4f9;</i>
          <i data-dec="1274" data-hex="4fa">&#x4fa;</i>
          <i data-dec="1275" data-hex="4fb">&#x4fb;</i>
          <i data-dec="1276" data-hex="4fc">&#x4fc;</i>
          <i data-dec="1277" data-hex="4fd">&#x4fd;</i>
          <i data-dec="1278" data-hex="4fe">&#x4fe;</i>
          <i data-dec="1279" data-hex="4ff">&#x4ff;</i>
        </div>
      </div>
      
      <div class="character-set">  
        <h3>General Punctuation</h3>
        <div>
          <i data-dec="8192" data-hex="2000"></i>
          <i data-dec="8193" data-hex="2001"></i>
          <i data-dec="8194" data-hex="2002" data-entity="&amp;ensp;">&ensp;</i>
          <i data-dec="8195" data-hex="2003" data-entity="&amp;emsp;">&emsp;</i>
          <i data-dec="8196" data-hex="2004"></i>
          <i data-dec="8197" data-hex="2005"></i>
          <i data-dec="8198" data-hex="2006"></i>
          <i data-dec="8199" data-hex="2007"></i>
          <i data-dec="8200" data-hex="2008"></i>
          <i data-dec="8201" data-hex="2009" data-entity="&amp;thinsp;">&thinsp;</i>
          <i data-dec="8202" data-hex="200A">&#x200A;</i>
          <i data-dec="8203" data-hex="200B">&#x200B;</i>
          <i data-dec="8204" data-hex="200C" data-entity="&amp;zwnj;">&zwnj;</i>
          <i data-dec="8205" data-hex="200D" data-entity="&amp;zwj;">&zwj;</i>
          <i data-dec="8206" data-hex="200E" data-entity="&amp;lrm;">&lrm;</i>
          <i data-dec="8207" data-hex="200F" data-entity="&amp;rlm;">&rlm;</i>
          <i data-dec="8208" data-hex="2010">&#x2010;</i>
          <i data-dec="8209" data-hex="2011">&#x2011;</i>
          <i data-dec="8210" data-hex="2012">&#x2012;</i>
          <i data-dec="8211" data-hex="2013" data-entity="&amp;ndash;">&ndash;</i>
          <i data-dec="8212" data-hex="2014" data-entity="&amp;mdash;">&mdash;</i>
          <i data-dec="8213" data-hex="2015">&#x2015;</i>
          <i data-dec="8214" data-hex="2016">&#x2016;</i>
          <i data-dec="8215" data-hex="2017">&#x2017;</i>
          <i data-dec="8216" data-hex="2018" data-entity="&amp;lsquo;">&lsquo;</i>
          <i data-dec="8217" data-hex="2019" data-entity="&amp;rsquo;">&rsquo;</i>
          <i data-dec="8218" data-hex="201A" data-entity="&amp;sbquo;">&sbquo;</i>
          <i data-dec="8219" data-hex="201B">&#x201B;</i>
          <i data-dec="8220" data-hex="201C" data-entity="&amp;ldquo;">&ldquo;</i>
          <i data-dec="8221" data-hex="201D" data-entity="&amp;rdquo;">&rdquo;</i>
          <i data-dec="8222" data-hex="201E" data-entity="&amp;bdquo;">&bdquo;</i>
          <i data-dec="8223" data-hex="201F">&#x201F;</i>
          <i data-dec="8224" data-hex="2020" data-entity="&amp;dagger;">&dagger;</i>
          <i data-dec="8225" data-hex="2021" data-entity="&amp;Dagger;">&Dagger;</i>
          <i data-dec="8226" data-hex="2022" data-entity="&amp;bull;">&bull;</i>
          <i data-dec="8227" data-hex="2023">&#x2023;</i>
          <i data-dec="8228" data-hex="2024">&#x2024;</i>
          <i data-dec="8229" data-hex="2025">&#x2025;</i>
          <i data-dec="8230" data-hex="2026" data-entity="&amp;hellip;">&hellip;</i>
          <i data-dec="8231" data-hex="2027">&#x2027;</i>
          <i data-dec="8232" data-hex="2028"></i>
          <i data-dec="8233" data-hex="2029"></i>
          <i data-dec="8234" data-hex="202A">&#x202A;</i>
          <i data-dec="8235" data-hex="202B">&#x202B;</i>
          <i data-dec="8236" data-hex="202C">&#x202C;</i>
          <i data-dec="8237" data-hex="202D">&#x202D;</i>
          <i data-dec="8238" data-hex="202E">&#x202E;</i>
          <i data-dec="8239" data-hex="202F"></i>
          <i data-dec="8240" data-hex="2030" data-entity="&amp;permil;">&permil;</i>
          <i data-dec="8241" data-hex="2031">&#x2031;</i>
          <i data-dec="8242" data-hex="2032" data-entity="&amp;prime;">&prime;</i>
          <i data-dec="8243" data-hex="2033" data-entity="&amp;Prime;">&Prime;</i>
          <i data-dec="8244" data-hex="2034">&#x2034;</i>
          <i data-dec="8245" data-hex="2035">&#x2035;</i>
          <i data-dec="8246" data-hex="2036">&#x2036;</i>
          <i data-dec="8247" data-hex="2037">&#x2037;</i>
          <i data-dec="8248" data-hex="2038">&#x2038;</i>
          <i data-dec="8249" data-hex="2039" data-entity="&amp;lsaquo;">&lsaquo;</i>
          <i data-dec="8250" data-hex="203A" data-entity="&amp;rsaquo;">&rsaquo;</i>
          <i data-dec="8251" data-hex="203B">&#x203B;</i>
          <i data-dec="8252" data-hex="203C">&#x203C;</i>
          <i data-dec="8253" data-hex="203D">&#x203D;</i>
          <i data-dec="8254" data-hex="203E" data-entity="&amp;oline;">&oline;</i>
          <i data-dec="8255" data-hex="203F">&#x203F;</i>
          <i data-dec="8256" data-hex="2040">&#x2040;</i>
          <i data-dec="8257" data-hex="2041">&#x2041;</i>
          <i data-dec="8258" data-hex="2042">&#x2042;</i>
          <i data-dec="8259" data-hex="2043">&#x2043;</i>
          <i data-dec="8260" data-hex="2044" data-entity="&amp;frasl;">&frasl;</i>
          <i data-dec="8261" data-hex="2045">&#x2045;</i>
          <i data-dec="8262" data-hex="2046">&#x2046;</i>
          <i data-dec="8263" data-hex="2047">&#x2047;</i>
          <i data-dec="8264" data-hex="2048">&#x2048;</i>
          <i data-dec="8265" data-hex="2049">&#x2049;</i>
          <i data-dec="8266" data-hex="204A">&#x204A;</i>
          <i data-dec="8267" data-hex="204B">&#x204B;</i>
          <i data-dec="8268" data-hex="204C">&#x204C;</i>
          <i data-dec="8269" data-hex="204D">&#x204D;</i>
          <i data-dec="8270" data-hex="204E">&#x204E;</i>
          <i data-dec="8271" data-hex="204F">&#x204F;</i>
          <i data-dec="8272" data-hex="2050">&#x2050;</i>
          <i data-dec="8273" data-hex="2051">&#x2051;</i>
          <i data-dec="8274" data-hex="2052">&#x2052;</i>
          <i data-dec="8275" data-hex="2053">&#x2053;</i>
          <i data-dec="8276" data-hex="2054">&#x2054;</i>
          <i data-dec="8277" data-hex="2055">&#x2055;</i>
          <i data-dec="8278" data-hex="2056">&#x2056;</i>
          <i data-dec="8279" data-hex="2057">&#x2057;</i>
          <i data-dec="8280" data-hex="2058">&#x2058;</i>
          <i data-dec="8281" data-hex="2059">&#x2059;</i>
          <i data-dec="8282" data-hex="205A">&#x205A;</i>
          <i data-dec="8283" data-hex="205B">&#x205B;</i>
          <i data-dec="8284" data-hex="205C">&#x205C;</i>
          <i data-dec="8285" data-hex="205D">&#x205D;</i>
          <i data-dec="8286" data-hex="205E">&#x205E;</i>
          <i data-dec="8287" data-hex="205F">&#x205F;</i>
          <i data-dec="8288" data-hex="2060">&#x2060;</i>
          <i data-dec="8289" data-hex="2061">&#x2061;</i>
          <i data-dec="8290" data-hex="2062">&#x2062;</i>
          <i data-dec="8291" data-hex="2063">&#x2063;</i>
          <i data-dec="8292" data-hex="2064">&#x2064;</i>
          <i data-dec="8293" data-hex="2065">&#x2065;</i>
          <i data-dec="8294" data-hex="2066">&#x2066;</i>
          <i data-dec="8295" data-hex="2067">&#x2067;</i>
          <i data-dec="8296" data-hex="2068">&#x2068;</i>
          <i data-dec="8297" data-hex="2069">&#x2069;</i>
          <i data-dec="8298" data-hex="206A">&#x206A;</i>
          <i data-dec="8299" data-hex="206B">&#x206B;</i>
          <i data-dec="8300" data-hex="206C">&#x206C;</i>
          <i data-dec="8301" data-hex="206D">&#x206D;</i>
          <i data-dec="8302" data-hex="206E">&#x206E;</i>
          <i data-dec="8303" data-hex="206F">&#x206F;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Letterlike Symbols</h3>
        <div>
          <i data-dec="8448" data-hex="2100">&#x2100;</i>
          <i data-dec="8449" data-hex="2101">&#x2101;</i>
          <i data-dec="8450" data-hex="2102">&#x2102;</i>
          <i data-dec="8451" data-hex="2103">&#x2103;</i>
          <i data-dec="8452" data-hex="2104">&#x2104;</i>
          <i data-dec="8453" data-hex="2105">&#x2105;</i>
          <i data-dec="8454" data-hex="2106">&#x2106;</i>
          <i data-dec="8455" data-hex="2107">&#x2107;</i>
          <i data-dec="8456" data-hex="2108">&#x2108;</i>
          <i data-dec="8457" data-hex="2109">&#x2109;</i>
          <i data-dec="8458" data-hex="210A">&#x210A;</i>
          <i data-dec="8459" data-hex="210B">&#x210B;</i>
          <i data-dec="8460" data-hex="210C">&#x210C;</i>
          <i data-dec="8461" data-hex="210D">&#x210D;</i>
          <i data-dec="8462" data-hex="210E">&#x210E;</i>
          <i data-dec="8463" data-hex="210F">&#x210F;</i>
          <i data-dec="8464" data-hex="2110">&#x2110;</i>
          <i data-dec="8465" data-hex="2111" data-entity="&amp;image;">&image;</i>
          <i data-dec="8466" data-hex="2112">&#x2112;</i>
          <i data-dec="8467" data-hex="2113">&#x2113;</i>
          <i data-dec="8468" data-hex="2114">&#x2114;</i>
          <i data-dec="8469" data-hex="2115">&#x2115;</i>
          <i data-dec="8470" data-hex="2116">&#x2116;</i>
          <i data-dec="8471" data-hex="2117">&#x2117;</i>
          <i data-dec="8472" data-hex="2118" data-entity="&amp;weierp;">&weierp;</i>
          <i data-dec="8473" data-hex="2119">&#x2119;</i>
          <i data-dec="8474" data-hex="211A">&#x211A;</i>
          <i data-dec="8475" data-hex="211B">&#x211B;</i>
          <i data-dec="8476" data-hex="211C" data-entity="&amp;real;">&real;</i>
          <i data-dec="8477" data-hex="211D">&#x211D;</i>
          <i data-dec="8478" data-hex="211E">&#x211E;</i>
          <i data-dec="8479" data-hex="211F">&#x211F;</i>
          <i data-dec="8480" data-hex="2120">&#x2120;</i>
          <i data-dec="8481" data-hex="2121">&#x2121;</i>
          <i data-dec="8482" data-hex="2122" data-entity="&amp;trade;">&trade;</i>
          <i data-dec="8483" data-hex="2123">&#x2123;</i>
          <i data-dec="8484" data-hex="2124">&#x2124;</i>
          <i data-dec="8485" data-hex="2125">&#x2125;</i>
          <i data-dec="8486" data-hex="2126">&#x2126;</i>
          <i data-dec="8487" data-hex="2127">&#x2127;</i>
          <i data-dec="8488" data-hex="2128">&#x2128;</i>
          <i data-dec="8489" data-hex="2129">&#x2129;</i>
          <i data-dec="8490" data-hex="212A">&#x212A;</i>
          <i data-dec="8491" data-hex="212B">&#x212B;</i>
          <i data-dec="8492" data-hex="212C">&#x212C;</i>
          <i data-dec="8493" data-hex="212D">&#x212D;</i>
          <i data-dec="8494" data-hex="212E">&#x212E;</i>
          <i data-dec="8495" data-hex="212F">&#x212F;</i>
          <i data-dec="8496" data-hex="2130">&#x2130;</i>
          <i data-dec="8497" data-hex="2131">&#x2131;</i>
          <i data-dec="8498" data-hex="2132">&#x2132;</i>
          <i data-dec="8499" data-hex="2133">&#x2133;</i>
          <i data-dec="8500" data-hex="2134">&#x2134;</i>
          <i data-dec="8501" data-hex="2135" data-entity="&amp;alefsym;">&alefsym;</i>
          <i data-dec="8502" data-hex="2136">&#x2136;</i>
          <i data-dec="8503" data-hex="2137">&#x2137;</i>
          <i data-dec="8504" data-hex="2138">&#x2138;</i>
          <i data-dec="8505" data-hex="2139">&#x2139;</i>
          <i data-dec="8506" data-hex="213A">&#x213A;</i>
          <i data-dec="8507" data-hex="213B">&#x213B;</i>
          <i data-dec="8508" data-hex="213C">&#x213C;</i>
          <i data-dec="8509" data-hex="213D">&#x213D;</i>
          <i data-dec="8510" data-hex="213E">&#x213E;</i>
          <i data-dec="8511" data-hex="213F">&#x213F;</i>
          <i data-dec="8512" data-hex="2140">&#x2140;</i>
          <i data-dec="8513" data-hex="2141">&#x2141;</i>
          <i data-dec="8514" data-hex="2142">&#x2142;</i>
          <i data-dec="8515" data-hex="2143">&#x2143;</i>
          <i data-dec="8516" data-hex="2144">&#x2144;</i>
          <i data-dec="8517" data-hex="2145">&#x2145;</i>
          <i data-dec="8518" data-hex="2146">&#x2146;</i>
          <i data-dec="8519" data-hex="2147">&#x2147;</i>
          <i data-dec="8520" data-hex="2148">&#x2148;</i>
          <i data-dec="8521" data-hex="2149">&#x2149;</i>
          <i data-dec="8522" data-hex="214A">&#x214A;</i>
          <i data-dec="8523" data-hex="214B">&#x214B;</i>
          <i data-dec="8524" data-hex="214C">&#x214C;</i>
          <i data-dec="8525" data-hex="214D">&#x214D;</i>
          <i data-dec="8526" data-hex="214E">&#x214E;</i>
          <i data-dec="8527" data-hex="214F">&#x214F;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Number Symbols</h3>
        <div>
          <i data-dec="8528" data-hex="2150">&#x2150;</i>
          <i data-dec="8529" data-hex="2151">&#x2151;</i>
          <i data-dec="8530" data-hex="2152">&#x2152;</i>
          <i data-dec="8531" data-hex="2153">&#x2153;</i>
          <i data-dec="8532" data-hex="2154">&#x2154;</i>
          <i data-dec="8533" data-hex="2155">&#x2155;</i>
          <i data-dec="8534" data-hex="2156">&#x2156;</i>
          <i data-dec="8535" data-hex="2157">&#x2157;</i>
          <i data-dec="8536" data-hex="2158">&#x2158;</i>
          <i data-dec="8537" data-hex="2159">&#x2159;</i>
          <i data-dec="8538" data-hex="215A">&#x215A;</i>
          <i data-dec="8539" data-hex="215B">&#x215B;</i>
          <i data-dec="8540" data-hex="215C">&#x215C;</i>
          <i data-dec="8541" data-hex="215D">&#x215D;</i>
          <i data-dec="8542" data-hex="215E">&#x215E;</i>
          <i data-dec="8543" data-hex="215F">&#x215F;</i>
          <i data-dec="8544" data-hex="2160">&#x2160;</i>
          <i data-dec="8545" data-hex="2161">&#x2161;</i>
          <i data-dec="8546" data-hex="2162">&#x2162;</i>
          <i data-dec="8547" data-hex="2163">&#x2163;</i>
          <i data-dec="8548" data-hex="2164">&#x2164;</i>
          <i data-dec="8549" data-hex="2165">&#x2165;</i>
          <i data-dec="8550" data-hex="2166">&#x2166;</i>
          <i data-dec="8551" data-hex="2167">&#x2167;</i>
          <i data-dec="8552" data-hex="2168">&#x2168;</i>
          <i data-dec="8553" data-hex="2169">&#x2169;</i>
          <i data-dec="8554" data-hex="216A">&#x216A;</i>
          <i data-dec="8555" data-hex="216B">&#x216B;</i>
          <i data-dec="8556" data-hex="216C">&#x216C;</i>
          <i data-dec="8557" data-hex="216D">&#x216D;</i>
          <i data-dec="8558" data-hex="216E">&#x216E;</i>
          <i data-dec="8559" data-hex="216F">&#x216F;</i>
          <i data-dec="8560" data-hex="2170">&#x2170;</i>
          <i data-dec="8561" data-hex="2171">&#x2171;</i>
          <i data-dec="8562" data-hex="2172">&#x2172;</i>
          <i data-dec="8563" data-hex="2173">&#x2173;</i>
          <i data-dec="8564" data-hex="2174">&#x2174;</i>
          <i data-dec="8565" data-hex="2175">&#x2175;</i>
          <i data-dec="8566" data-hex="2176">&#x2176;</i>
          <i data-dec="8567" data-hex="2177">&#x2177;</i>
          <i data-dec="8568" data-hex="2178">&#x2178;</i>
          <i data-dec="8569" data-hex="2179">&#x2179;</i>
          <i data-dec="8570" data-hex="217A">&#x217A;</i>
          <i data-dec="8571" data-hex="217B">&#x217B;</i>
          <i data-dec="8572" data-hex="217C">&#x217C;</i>
          <i data-dec="8573" data-hex="217D">&#x217D;</i>
          <i data-dec="8574" data-hex="217E">&#x217E;</i>
          <i data-dec="8575" data-hex="217F">&#x217F;</i>
          <i data-dec="8576" data-hex="2180">&#x2180;</i>
          <i data-dec="8577" data-hex="2181">&#x2181;</i>
          <i data-dec="8578" data-hex="2182">&#x2182;</i>
          <i data-dec="8579" data-hex="2183">&#x2183;</i>
          <i data-dec="8580" data-hex="2184">&#x2184;</i>
          <i data-dec="8581" data-hex="2185">&#x2185;</i>
          <i data-dec="8582" data-hex="2186">&#x2186;</i>
          <i data-dec="8583" data-hex="2187">&#x2187;</i>
          <i data-dec="8584" data-hex="2188">&#x2188;</i>
          <i data-dec="8585" data-hex="2189">&#x2189;</i>
          <i data-dec="8586" data-hex="218A">&#x218A;</i>
          <i data-dec="8587" data-hex="218B">&#x218B;</i>
          <i data-dec="8588" data-hex="218C">&#x218C;</i>
          <i data-dec="8589" data-hex="218D">&#x218D;</i>
          <i data-dec="8590" data-hex="218E">&#x218E;</i>
          <i data-dec="8591" data-hex="218F">&#x218F;</i>
        </div>
      </div>
      
      <div class="character-set">  
        <h3>Currency Symbols</h3>
        <div>
          <i data-dec="8352" data-hex="20A0">&#x20A0;</i>
          <i data-dec="8353" data-hex="20A1">&#x20A1;</i>
          <i data-dec="8354" data-hex="20A2">&#x20A2;</i>
          <i data-dec="8355" data-hex="20A3">&#x20A3;</i>
          <i data-dec="8356" data-hex="20A4">&#x20A4;</i>
          <i data-dec="8357" data-hex="20A5">&#x20A5;</i>
          <i data-dec="8358" data-hex="20A6">&#x20A6;</i>
          <i data-dec="8359" data-hex="20A7">&#x20A7;</i>
          <i data-dec="8360" data-hex="20A8">&#x20A8;</i>
          <i data-dec="8361" data-hex="20A9">&#x20A9;</i>
          <i data-dec="8362" data-hex="20AA">&#x20AA;</i>
          <i data-dec="8363" data-hex="20AB">&#x20AB;</i>
          <i data-dec="8364" data-hex="20AC" data-entity="&amp;euro;">&euro;</i>
          <i data-dec="8365" data-hex="20AD">&#x20AD;</i>
          <i data-dec="8366" data-hex="20AE">&#x20AE;</i>
          <i data-dec="8367" data-hex="20AF">&#x20AF;</i>
          <i data-dec="8368" data-hex="20B0">&#x20B0;</i>
          <i data-dec="8369" data-hex="20B1">&#x20B1;</i>
          <i data-dec="8370" data-hex="20B2">&#x20B2;</i>
          <i data-dec="8371" data-hex="20B3">&#x20B3;</i>
          <i data-dec="8372" data-hex="20B4">&#x20B4;</i>
          <i data-dec="8373" data-hex="20B5">&#x20B5;</i>
          <i data-dec="8374" data-hex="20B6">&#x20B6;</i>
          <i data-dec="8375" data-hex="20B7">&#x20B7;</i>
          <i data-dec="8376" data-hex="20B8">&#x20B8;</i>
          <i data-dec="8377" data-hex="20B9">&#x20B9;</i>
          <i data-dec="8378" data-hex="20BA">&#x20BA;</i>
          <i data-dec="8379" data-hex="20BB">&#x20BB;</i>
          <i data-dec="8380" data-hex="20BC">&#x20BC;</i>
          <i data-dec="8381" data-hex="20BD">&#x20BD;</i>
          <i data-dec="8382" data-hex="20BE">&#x20BE;</i>
          <i data-dec="8383" data-hex="20BF">&#x20BF;</i>
          <i data-dec="8384" data-hex="20C0">&#x20C0;</i>
          <i data-dec="8385" data-hex="20C1">&#x20C1;</i>
          <i data-dec="8386" data-hex="20C2">&#x20C2;</i>
          <i data-dec="8387" data-hex="20C3">&#x20C3;</i>
          <i data-dec="8388" data-hex="20C4">&#x20C4;</i>
          <i data-dec="8389" data-hex="20C5">&#x20C5;</i>
          <i data-dec="8390" data-hex="20C6">&#x20C6;</i>
          <i data-dec="8391" data-hex="20C7">&#x20C7;</i>
          <i data-dec="8392" data-hex="20C8">&#x20C8;</i>
          <i data-dec="8393" data-hex="20C9">&#x20C9;</i>
          <i data-dec="8394" data-hex="20CA">&#x20CA;</i>
          <i data-dec="8395" data-hex="20CB">&#x20CB;</i>
          <i data-dec="8396" data-hex="20CC">&#x20CC;</i>
          <i data-dec="8397" data-hex="20CD">&#x20CD;</i>
          <i data-dec="8398" data-hex="20CE">&#x20CE;</i>
          <i data-dec="8399" data-hex="20CF">&#x20CF;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Arrows</h3>
        <div>
          <i data-dec="8592" data-hex="2190" data-entity="&amp;larr;">&larr;</i>
          <i data-dec="8593" data-hex="2191" data-entity="&amp;uarr;">&uarr;</i>
          <i data-dec="8594" data-hex="2192" data-entity="&amp;rarr;">&rarr;</i>
          <i data-dec="8595" data-hex="2193" data-entity="&amp;darr;">&darr;</i>
          <i data-dec="8596" data-hex="2194" data-entity="&amp;harr;">&harr;</i>
          <i data-dec="8597" data-hex="2195">&#x2195;</i>
          <i data-dec="8598" data-hex="2196">&#x2196;</i>
          <i data-dec="8599" data-hex="2197">&#x2197;</i>
          <i data-dec="8600" data-hex="2198">&#x2198;</i>
          <i data-dec="8601" data-hex="2199">&#x2199;</i>
          <i data-dec="8602" data-hex="219A">&#x219A;</i>
          <i data-dec="8603" data-hex="219B">&#x219B;</i>
          <i data-dec="8604" data-hex="219C">&#x219C;</i>
          <i data-dec="8605" data-hex="219D">&#x219D;</i>
          <i data-dec="8606" data-hex="219E">&#x219E;</i>
          <i data-dec="8607" data-hex="219F">&#x219F;</i>
          <i data-dec="8608" data-hex="21A0">&#x21A0;</i>
          <i data-dec="8609" data-hex="21A1">&#x21A1;</i>
          <i data-dec="8610" data-hex="21A2">&#x21A2;</i>
          <i data-dec="8611" data-hex="21A3">&#x21A3;</i>
          <i data-dec="8612" data-hex="21A4">&#x21A4;</i>
          <i data-dec="8613" data-hex="21A5">&#x21A5;</i>
          <i data-dec="8614" data-hex="21A6">&#x21A6;</i>
          <i data-dec="8615" data-hex="21A7">&#x21A7;</i>
          <i data-dec="8616" data-hex="21A8">&#x21A8;</i>
          <i data-dec="8617" data-hex="21A9">&#x21A9;</i>
          <i data-dec="8618" data-hex="21AA">&#x21AA;</i>
          <i data-dec="8619" data-hex="21AB">&#x21AB;</i>
          <i data-dec="8620" data-hex="21AC">&#x21AC;</i>
          <i data-dec="8621" data-hex="21AD">&#x21AD;</i>
          <i data-dec="8622" data-hex="21AE">&#x21AE;</i>
          <i data-dec="8623" data-hex="21AF">&#x21AF;</i>
          <i data-dec="8624" data-hex="21B0">&#x21B0;</i>
          <i data-dec="8625" data-hex="21B1">&#x21B1;</i>
          <i data-dec="8626" data-hex="21B2">&#x21B2;</i>
          <i data-dec="8627" data-hex="21B3">&#x21B3;</i>
          <i data-dec="8628" data-hex="21B4">&#x21B4;</i>
          <i data-dec="8629" data-hex="21B5" data-entity="&amp;crarr;">&crarr;</i>
          <i data-dec="8630" data-hex="21B6">&#x21B6;</i>
          <i data-dec="8631" data-hex="21B7">&#x21B7;</i>
          <i data-dec="8632" data-hex="21B8">&#x21B8;</i>
          <i data-dec="8633" data-hex="21B9">&#x21B9;</i>
          <i data-dec="8634" data-hex="21BA">&#x21BA;</i>
          <i data-dec="8635" data-hex="21BB">&#x21BB;</i>
          <i data-dec="8636" data-hex="21BC">&#x21BC;</i>
          <i data-dec="8637" data-hex="21BD">&#x21BD;</i>
          <i data-dec="8638" data-hex="21BE">&#x21BE;</i>
          <i data-dec="8639" data-hex="21BF">&#x21BF;</i>
          <i data-dec="8640" data-hex="21C0">&#x21C0;</i>
          <i data-dec="8641" data-hex="21C1">&#x21C1;</i>
          <i data-dec="8642" data-hex="21C2">&#x21C2;</i>
          <i data-dec="8643" data-hex="21C3">&#x21C3;</i>
          <i data-dec="8644" data-hex="21C4">&#x21C4;</i>
          <i data-dec="8645" data-hex="21C5">&#x21C5;</i>
          <i data-dec="8646" data-hex="21C6">&#x21C6;</i>
          <i data-dec="8647" data-hex="21C7">&#x21C7;</i>
          <i data-dec="8648" data-hex="21C8">&#x21C8;</i>
          <i data-dec="8649" data-hex="21C9">&#x21C9;</i>
          <i data-dec="8650" data-hex="21CA">&#x21CA;</i>
          <i data-dec="8651" data-hex="21CB">&#x21CB;</i>
          <i data-dec="8652" data-hex="21CC">&#x21CC;</i>
          <i data-dec="8653" data-hex="21CD">&#x21CD;</i>
          <i data-dec="8654" data-hex="21CE">&#x21CE;</i>
          <i data-dec="8655" data-hex="21CF">&#x21CF;</i>
          <i data-dec="8656" data-hex="21D0" data-entity="&amp;lArr;">&lArr;</i>
          <i data-dec="8657" data-hex="21D1" data-entity="&amp;uArr;">&uArr;</i>
          <i data-dec="8658" data-hex="21D2" data-entity="&amp;rArr;">&rArr;</i>
          <i data-dec="8659" data-hex="21D3" data-entity="&amp;dArr;">&dArr;</i>
          <i data-dec="8660" data-hex="21D4" data-entity="&amp;hArr;">&hArr;</i>
          <i data-dec="8661" data-hex="21D5">&#x21D5;</i>
          <i data-dec="8662" data-hex="21D6">&#x21D6;</i>
          <i data-dec="8663" data-hex="21D7">&#x21D7;</i>
          <i data-dec="8664" data-hex="21D8">&#x21D8;</i>
          <i data-dec="8665" data-hex="21D9">&#x21D9;</i>
          <i data-dec="8666" data-hex="21DA">&#x21DA;</i>
          <i data-dec="8667" data-hex="21DB">&#x21DB;</i>
          <i data-dec="8668" data-hex="21DC">&#x21DC;</i>
          <i data-dec="8669" data-hex="21DD">&#x21DD;</i>
          <i data-dec="8670" data-hex="21DE">&#x21DE;</i>
          <i data-dec="8671" data-hex="21DF">&#x21DF;</i>
          <i data-dec="8672" data-hex="21E0">&#x21E0;</i>
          <i data-dec="8673" data-hex="21E1">&#x21E1;</i>
          <i data-dec="8674" data-hex="21E2">&#x21E2;</i>
          <i data-dec="8675" data-hex="21E3">&#x21E3;</i>
          <i data-dec="8676" data-hex="21E4">&#x21E4;</i>
          <i data-dec="8677" data-hex="21E5">&#x21E5;</i>
          <i data-dec="8678" data-hex="21E6">&#x21E6;</i>
          <i data-dec="8679" data-hex="21E7">&#x21E7;</i>
          <i data-dec="8680" data-hex="21E8">&#x21E8;</i>
          <i data-dec="8681" data-hex="21E9">&#x21E9;</i>
          <i data-dec="8682" data-hex="21EA">&#x21EA;</i>
          <i data-dec="8683" data-hex="21EB">&#x21EB;</i>
          <i data-dec="8684" data-hex="21EC">&#x21EC;</i>
          <i data-dec="8685" data-hex="21ED">&#x21ED;</i>
          <i data-dec="8686" data-hex="21EE">&#x21EE;</i>
          <i data-dec="8687" data-hex="21EF">&#x21EF;</i>
          <i data-dec="8688" data-hex="21F0">&#x21F0;</i>
          <i data-dec="8689" data-hex="21F1">&#x21F1;</i>
          <i data-dec="8690" data-hex="21F2">&#x21F2;</i>
          <i data-dec="8691" data-hex="21F3">&#x21F3;</i>
          <i data-dec="8692" data-hex="21F4">&#x21F4;</i>
          <i data-dec="8693" data-hex="21F5">&#x21F5;</i>
          <i data-dec="8694" data-hex="21F6">&#x21F6;</i>
          <i data-dec="8695" data-hex="21F7">&#x21F7;</i>
          <i data-dec="8696" data-hex="21F8">&#x21F8;</i>
          <i data-dec="8697" data-hex="21F9">&#x21F9;</i>
          <i data-dec="8698" data-hex="21FA">&#x21FA;</i>
          <i data-dec="8699" data-hex="21FB">&#x21FB;</i>
          <i data-dec="8700" data-hex="21FC">&#x21FC;</i>
          <i data-dec="8701" data-hex="21FD">&#x21FD;</i>
          <i data-dec="8702" data-hex="21FE">&#x21FE;</i>
          <i data-dec="8703" data-hex="21FF">&#x21FF;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Mathematical Operators</h3>
        <div>
          <i data-dec="8704" data-hex="2200" data-entity="&amp;forall;">&forall;</i>
          <i data-dec="8705" data-hex="2201">&#x2201;</i>
          <i data-dec="8706" data-hex="2202" data-entity="&amp;part;">&part;</i>
          <i data-dec="8707" data-hex="2203" data-entity="&amp;exist;">&exist;</i>
          <i data-dec="8708" data-hex="2204">&#x2204;</i>
          <i data-dec="8709" data-hex="2205" data-entity="&amp;empty;">&empty;</i>
          <i data-dec="8710" data-hex="2206">&#x2206;</i>
          <i data-dec="8711" data-hex="2207" data-entity="&amp;nabla;">&nabla;</i>
          <i data-dec="8712" data-hex="2208" data-entity="&amp;isin;">&isin;</i>
          <i data-dec="8713" data-hex="2209" data-entity="&amp;notin;">&notin;</i>
          <i data-dec="8714" data-hex="220A">&#x220A;</i>
          <i data-dec="8715" data-hex="220B" data-entity="&amp;ni;">&ni;</i>
          <i data-dec="8716" data-hex="220C">&#x220C;</i>
          <i data-dec="8717" data-hex="220D">&#x220D;</i>
          <i data-dec="8718" data-hex="220E">&#x220E;</i>
          <i data-dec="8719" data-hex="220F" data-entity="&amp;prod;">&prod;</i>
          <i data-dec="8720" data-hex="2210">&#x2210;</i>
          <i data-dec="8721" data-hex="2211" data-entity="&amp;sum;">&sum;</i>
          <i data-dec="8722" data-hex="2212" data-entity="&amp;minus;">&minus;</i>
          <i data-dec="8723" data-hex="2213">&#x2213;</i>
          <i data-dec="8724" data-hex="2214">&#x2214;</i>
          <i data-dec="8725" data-hex="2215">&#x2215;</i>
          <i data-dec="8726" data-hex="2216">&#x2216;</i>
          <i data-dec="8727" data-hex="2217" data-entity="&amp;lowast;">&lowast;</i>
          <i data-dec="8728" data-hex="2218">&#x2218;</i>
          <i data-dec="8729" data-hex="2219">&#x2219;</i>
          <i data-dec="8730" data-hex="221A" data-entity="&amp;radic;">&radic;</i>
          <i data-dec="8731" data-hex="221B">&#x221B;</i>
          <i data-dec="8732" data-hex="221C">&#x221C;</i>
          <i data-dec="8733" data-hex="221D" data-entity="&amp;prop;">&prop;</i>
          <i data-dec="8734" data-hex="221E" data-entity="&amp;infin;">&infin;</i>
          <i data-dec="8735" data-hex="221F">&#x221F;</i>
          <i data-dec="8736" data-hex="2220" data-entity="&amp;ang;">&ang;</i>
          <i data-dec="8737" data-hex="2221">&#x2221;</i>
          <i data-dec="8738" data-hex="2222">&#x2222;</i>
          <i data-dec="8739" data-hex="2223">&#x2223;</i>
          <i data-dec="8740" data-hex="2224">&#x2224;</i>
          <i data-dec="8741" data-hex="2225">&#x2225;</i>
          <i data-dec="8742" data-hex="2226">&#x2226;</i>
          <i data-dec="8743" data-hex="2227" data-entity="&amp;and;">&and;</i>
          <i data-dec="8744" data-hex="2228" data-entity="&amp;or;">&or;</i>
          <i data-dec="8745" data-hex="2229" data-entity="&amp;cap;">&cap;</i>
          <i data-dec="8746" data-hex="222A" data-entity="&amp;cup;">&cup;</i>
          <i data-dec="8747" data-hex="222B" data-entity="&amp;int;">&int;</i>
          <i data-dec="8748" data-hex="222C">&#x222C;</i>
          <i data-dec="8749" data-hex="222D">&#x222D;</i>
          <i data-dec="8750" data-hex="222E">&#x222E;</i>
          <i data-dec="8751" data-hex="222F">&#x222F;</i>
          <i data-dec="8752" data-hex="2230">&#x2230;</i>
          <i data-dec="8753" data-hex="2231">&#x2231;</i>
          <i data-dec="8754" data-hex="2232">&#x2232;</i>
          <i data-dec="8755" data-hex="2233">&#x2233;</i>
          <i data-dec="8756" data-hex="2234" data-entity="&amp;there4;">&there4;</i>
          <i data-dec="8757" data-hex="2235">&#x2235;</i>
          <i data-dec="8758" data-hex="2236">&#x2236;</i>
          <i data-dec="8759" data-hex="2237">&#x2237;</i>
          <i data-dec="8760" data-hex="2238">&#x2238;</i>
          <i data-dec="8761" data-hex="2239">&#x2239;</i>
          <i data-dec="8762" data-hex="223A">&#x223A;</i>
          <i data-dec="8763" data-hex="223B">&#x223B;</i>
          <i data-dec="8764" data-hex="223C" data-entity="&amp;sim;">&sim;</i>
          <i data-dec="8765" data-hex="223D">&#x223D;</i>
          <i data-dec="8766" data-hex="223E">&#x223E;</i>
          <i data-dec="8767" data-hex="223F">&#x223F;</i>
          <i data-dec="8768" data-hex="2240">&#x2240;</i>
          <i data-dec="8769" data-hex="2241">&#x2241;</i>
          <i data-dec="8770" data-hex="2242">&#x2242;</i>
          <i data-dec="8771" data-hex="2243">&#x2243;</i>
          <i data-dec="8772" data-hex="2244">&#x2244;</i>
          <i data-dec="8773" data-hex="2245" data-entity="&amp;cong;">&cong;</i>
          <i data-dec="8774" data-hex="2246">&#x2246;</i>
          <i data-dec="8775" data-hex="2247">&#x2247;</i>
          <i data-dec="8776" data-hex="2248" data-entity="&amp;asymp;">&asymp;</i>
          <i data-dec="8777" data-hex="2249">&#x2249;</i>
          <i data-dec="8778" data-hex="224A">&#x224A;</i>
          <i data-dec="8779" data-hex="224B">&#x224B;</i>
          <i data-dec="8780" data-hex="224C">&#x224C;</i>
          <i data-dec="8781" data-hex="224D">&#x224D;</i>
          <i data-dec="8782" data-hex="224E">&#x224E;</i>
          <i data-dec="8783" data-hex="224F">&#x224F;</i>
          <i data-dec="8784" data-hex="2250">&#x2250;</i>
          <i data-dec="8785" data-hex="2251">&#x2251;</i>
          <i data-dec="8786" data-hex="2252">&#x2252;</i>
          <i data-dec="8787" data-hex="2253">&#x2253;</i>
          <i data-dec="8788" data-hex="2254">&#x2254;</i>
          <i data-dec="8789" data-hex="2255">&#x2255;</i>
          <i data-dec="8790" data-hex="2256">&#x2256;</i>
          <i data-dec="8791" data-hex="2257">&#x2257;</i>
          <i data-dec="8792" data-hex="2258">&#x2258;</i>
          <i data-dec="8793" data-hex="2259">&#x2259;</i>
          <i data-dec="8794" data-hex="225A">&#x225A;</i>
          <i data-dec="8795" data-hex="225B">&#x225B;</i>
          <i data-dec="8796" data-hex="225C">&#x225C;</i>
          <i data-dec="8797" data-hex="225D">&#x225D;</i>
          <i data-dec="8798" data-hex="225E">&#x225E;</i>
          <i data-dec="8799" data-hex="225F">&#x225F;</i>
          <i data-dec="8800" data-hex="2260" data-entity="&amp;ne;">&ne;</i>
          <i data-dec="8801" data-hex="2261" data-entity="&amp;equiv;">&equiv;</i>
          <i data-dec="8802" data-hex="2262">&#x2262;</i>
          <i data-dec="8803" data-hex="2263">&#x2263;</i>
          <i data-dec="8804" data-hex="2264" data-entity="&amp;le;">&le;</i>
          <i data-dec="8805" data-hex="2265" data-entity="&amp;ge;">&ge;</i>
          <i data-dec="8806" data-hex="2266">&#x2266;</i>
          <i data-dec="8807" data-hex="2267">&#x2267;</i>
          <i data-dec="8808" data-hex="2268">&#x2268;</i>
          <i data-dec="8809" data-hex="2269">&#x2269;</i>
          <i data-dec="8810" data-hex="226A">&#x226A;</i>
          <i data-dec="8811" data-hex="226B">&#x226B;</i>
          <i data-dec="8812" data-hex="226C">&#x226C;</i>
          <i data-dec="8813" data-hex="226D">&#x226D;</i>
          <i data-dec="8814" data-hex="226E">&#x226E;</i>
          <i data-dec="8815" data-hex="226F">&#x226F;</i>
          <i data-dec="8816" data-hex="2270">&#x2270;</i>
          <i data-dec="8817" data-hex="2271">&#x2271;</i>
          <i data-dec="8818" data-hex="2272">&#x2272;</i>
          <i data-dec="8819" data-hex="2273">&#x2273;</i>
          <i data-dec="8820" data-hex="2274">&#x2274;</i>
          <i data-dec="8821" data-hex="2275">&#x2275;</i>
          <i data-dec="8822" data-hex="2276">&#x2276;</i>
          <i data-dec="8823" data-hex="2277">&#x2277;</i>
          <i data-dec="8824" data-hex="2278">&#x2278;</i>
          <i data-dec="8825" data-hex="2279">&#x2279;</i>
          <i data-dec="8826" data-hex="227A">&#x227A;</i>
          <i data-dec="8827" data-hex="227B">&#x227B;</i>
          <i data-dec="8828" data-hex="227C">&#x227C;</i>
          <i data-dec="8829" data-hex="227D">&#x227D;</i>
          <i data-dec="8830" data-hex="227E">&#x227E;</i>
          <i data-dec="8831" data-hex="227F">&#x227F;</i>
          <i data-dec="8832" data-hex="2280">&#x2280;</i>
          <i data-dec="8833" data-hex="2281">&#x2281;</i>
          <i data-dec="8834" data-hex="2282" data-entity="&amp;sub;">&sub;</i>
          <i data-dec="8835" data-hex="2283" data-entity="&amp;sup;">&sup;</i>
          <i data-dec="8836" data-hex="2284" data-entity="&amp;nsub;">&nsub;</i>
          <i data-dec="8837" data-hex="2285">&#x2285;</i>
          <i data-dec="8838" data-hex="2286" data-entity="&amp;sube;">&sube;</i>
          <i data-dec="8839" data-hex="2287" data-entity="&amp;supe;">&supe;</i>
          <i data-dec="8840" data-hex="2288">&#x2288;</i>
          <i data-dec="8841" data-hex="2289">&#x2289;</i>
          <i data-dec="8842" data-hex="228A">&#x228A;</i>
          <i data-dec="8843" data-hex="228B">&#x228B;</i>
          <i data-dec="8844" data-hex="228C">&#x228C;</i>
          <i data-dec="8845" data-hex="228D">&#x228D;</i>
          <i data-dec="8846" data-hex="228E">&#x228E;</i>
          <i data-dec="8847" data-hex="228F">&#x228F;</i>
          <i data-dec="8848" data-hex="2290">&#x2290;</i>
          <i data-dec="8849" data-hex="2291">&#x2291;</i>
          <i data-dec="8850" data-hex="2292">&#x2292;</i>
          <i data-dec="8851" data-hex="2293">&#x2293;</i>
          <i data-dec="8852" data-hex="2294">&#x2294;</i>
          <i data-dec="8853" data-hex="2295" data-entity="&amp;oplus;">&oplus;</i>
          <i data-dec="8854" data-hex="2296">&#x2296;</i>
          <i data-dec="8855" data-hex="2297" data-entity="&amp;otimes;">&otimes;</i>
          <i data-dec="8856" data-hex="2298">&#x2298;</i>
          <i data-dec="8857" data-hex="2299">&#x2299;</i>
          <i data-dec="8858" data-hex="229A">&#x229A;</i>
          <i data-dec="8859" data-hex="229B">&#x229B;</i>
          <i data-dec="8860" data-hex="229C">&#x229C;</i>
          <i data-dec="8861" data-hex="229D">&#x229D;</i>
          <i data-dec="8862" data-hex="229E">&#x229E;</i>
          <i data-dec="8863" data-hex="229F">&#x229F;</i>
          <i data-dec="8864" data-hex="22A0">&#x22A0;</i>
          <i data-dec="8865" data-hex="22A1">&#x22A1;</i>
          <i data-dec="8866" data-hex="22A2">&#x22A2;</i>
          <i data-dec="8867" data-hex="22A3">&#x22A3;</i>
          <i data-dec="8868" data-hex="22A4">&#x22A4;</i>
          <i data-dec="8869" data-hex="22A5" data-entity="&amp;perp;">&perp;</i>
          <i data-dec="8870" data-hex="22A6">&#x22A6;</i>
          <i data-dec="8871" data-hex="22A7">&#x22A7;</i>
          <i data-dec="8872" data-hex="22A8">&#x22A8;</i>
          <i data-dec="8873" data-hex="22A9">&#x22A9;</i>
          <i data-dec="8874" data-hex="22AA">&#x22AA;</i>
          <i data-dec="8875" data-hex="22AB">&#x22AB;</i>
          <i data-dec="8876" data-hex="22AC">&#x22AC;</i>
          <i data-dec="8877" data-hex="22AD">&#x22AD;</i>
          <i data-dec="8878" data-hex="22AE">&#x22AE;</i>
          <i data-dec="8879" data-hex="22AF">&#x22AF;</i>
          <i data-dec="8880" data-hex="22B0">&#x22B0;</i>
          <i data-dec="8881" data-hex="22B1">&#x22B1;</i>
          <i data-dec="8882" data-hex="22B2">&#x22B2;</i>
          <i data-dec="8883" data-hex="22B3">&#x22B3;</i>
          <i data-dec="8884" data-hex="22B4">&#x22B4;</i>
          <i data-dec="8885" data-hex="22B5">&#x22B5;</i>
          <i data-dec="8886" data-hex="22B6">&#x22B6;</i>
          <i data-dec="8887" data-hex="22B7">&#x22B7;</i>
          <i data-dec="8888" data-hex="22B8">&#x22B8;</i>
          <i data-dec="8889" data-hex="22B9">&#x22B9;</i>
          <i data-dec="8890" data-hex="22BA">&#x22BA;</i>
          <i data-dec="8891" data-hex="22BB">&#x22BB;</i>
          <i data-dec="8892" data-hex="22BC">&#x22BC;</i>
          <i data-dec="8893" data-hex="22BD">&#x22BD;</i>
          <i data-dec="8894" data-hex="22BE">&#x22BE;</i>
          <i data-dec="8895" data-hex="22BF">&#x22BF;</i>
          <i data-dec="8896" data-hex="22C0">&#x22C0;</i>
          <i data-dec="8897" data-hex="22C1">&#x22C1;</i>
          <i data-dec="8898" data-hex="22C2">&#x22C2;</i>
          <i data-dec="8899" data-hex="22C3">&#x22C3;</i>
          <i data-dec="8900" data-hex="22C4">&#x22C4;</i>
          <i data-dec="8901" data-hex="22C5" data-entity="&amp;sdot;">&sdot;</i>
          <i data-dec="8902" data-hex="22C6">&#x22C6;</i>
          <i data-dec="8903" data-hex="22C7">&#x22C7;</i>
          <i data-dec="8904" data-hex="22C8">&#x22C8;</i>
          <i data-dec="8905" data-hex="22C9">&#x22C9;</i>
          <i data-dec="8906" data-hex="22CA">&#x22CA;</i>
          <i data-dec="8907" data-hex="22CB">&#x22CB;</i>
          <i data-dec="8908" data-hex="22CC">&#x22CC;</i>
          <i data-dec="8909" data-hex="22CD">&#x22CD;</i>
          <i data-dec="8910" data-hex="22CE">&#x22CE;</i>
          <i data-dec="8911" data-hex="22CF">&#x22CF;</i>
          <i data-dec="8912" data-hex="22D0">&#x22D0;</i>
          <i data-dec="8913" data-hex="22D1">&#x22D1;</i>
          <i data-dec="8914" data-hex="22D2">&#x22D2;</i>
          <i data-dec="8915" data-hex="22D3">&#x22D3;</i>
          <i data-dec="8916" data-hex="22D4">&#x22D4;</i>
          <i data-dec="8917" data-hex="22D5">&#x22D5;</i>
          <i data-dec="8918" data-hex="22D6">&#x22D6;</i>
          <i data-dec="8919" data-hex="22D7">&#x22D7;</i>
          <i data-dec="8920" data-hex="22D8">&#x22D8;</i>
          <i data-dec="8921" data-hex="22D9">&#x22D9;</i>
          <i data-dec="8922" data-hex="22DA">&#x22DA;</i>
          <i data-dec="8923" data-hex="22DB">&#x22DB;</i>
          <i data-dec="8924" data-hex="22DC">&#x22DC;</i>
          <i data-dec="8925" data-hex="22DD">&#x22DD;</i>
          <i data-dec="8926" data-hex="22DE">&#x22DE;</i>
          <i data-dec="8927" data-hex="22DF">&#x22DF;</i>
          <i data-dec="8928" data-hex="22E0">&#x22E0;</i>
          <i data-dec="8929" data-hex="22E1">&#x22E1;</i>
          <i data-dec="8930" data-hex="22E2">&#x22E2;</i>
          <i data-dec="8931" data-hex="22E3">&#x22E3;</i>
          <i data-dec="8932" data-hex="22E4">&#x22E4;</i>
          <i data-dec="8933" data-hex="22E5">&#x22E5;</i>
          <i data-dec="8934" data-hex="22E6">&#x22E6;</i>
          <i data-dec="8935" data-hex="22E7">&#x22E7;</i>
          <i data-dec="8936" data-hex="22E8">&#x22E8;</i>
          <i data-dec="8937" data-hex="22E9">&#x22E9;</i>
          <i data-dec="8938" data-hex="22EA">&#x22EA;</i>
          <i data-dec="8939" data-hex="22EB">&#x22EB;</i>
          <i data-dec="8940" data-hex="22EC">&#x22EC;</i>
          <i data-dec="8941" data-hex="22ED">&#x22ED;</i>
          <i data-dec="8942" data-hex="22EE">&#x22EE;</i>
          <i data-dec="8943" data-hex="22EF">&#x22EF;</i>
          <i data-dec="8944" data-hex="22F0">&#x22F0;</i>
          <i data-dec="8945" data-hex="22F1">&#x22F1;</i>
          <i data-dec="8946" data-hex="22F2">&#x22F2;</i>
          <i data-dec="8947" data-hex="22F3">&#x22F3;</i>
          <i data-dec="8948" data-hex="22F4">&#x22F4;</i>
          <i data-dec="8949" data-hex="22F5">&#x22F5;</i>
          <i data-dec="8950" data-hex="22F6">&#x22F6;</i>
          <i data-dec="8951" data-hex="22F7">&#x22F7;</i>
          <i data-dec="8952" data-hex="22F8">&#x22F8;</i>
          <i data-dec="8953" data-hex="22F9">&#x22F9;</i>
          <i data-dec="8954" data-hex="22FA">&#x22FA;</i>
          <i data-dec="8955" data-hex="22FB">&#x22FB;</i>
          <i data-dec="8956" data-hex="22FC">&#x22FC;</i>
          <i data-dec="8957" data-hex="22FD">&#x22FD;</i>
          <i data-dec="8958" data-hex="22FE">&#x22FE;</i>
          <i data-dec="8959" data-hex="22FF">&#x22FF;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Enclosed Alphanumerics</h3>
        <div>
          <i data-dec="9312" data-hex="2460">&#x2460;</i>
          <i data-dec="9313" data-hex="2461">&#x2461;</i>
          <i data-dec="9314" data-hex="2462">&#x2462;</i>
          <i data-dec="9315" data-hex="2463">&#x2463;</i>
          <i data-dec="9316" data-hex="2464">&#x2464;</i>
          <i data-dec="9317" data-hex="2465">&#x2465;</i>
          <i data-dec="9318" data-hex="2466">&#x2466;</i>
          <i data-dec="9319" data-hex="2467">&#x2467;</i>
          <i data-dec="9320" data-hex="2468">&#x2468;</i>
          <i data-dec="9321" data-hex="2469">&#x2469;</i>
          <i data-dec="9322" data-hex="246A">&#x246A;</i>
          <i data-dec="9323" data-hex="246B">&#x246B;</i>
          <i data-dec="9324" data-hex="246C">&#x246C;</i>
          <i data-dec="9325" data-hex="246D">&#x246D;</i>
          <i data-dec="9326" data-hex="246E">&#x246E;</i>
          <i data-dec="9327" data-hex="246F">&#x246F;</i>
          <i data-dec="9328" data-hex="2470">&#x2470;</i>
          <i data-dec="9329" data-hex="2471">&#x2471;</i>
          <i data-dec="9330" data-hex="2472">&#x2472;</i>
          <i data-dec="9331" data-hex="2473">&#x2473;</i>
          <i data-dec="9332" data-hex="2474">&#x2474;</i>
          <i data-dec="9333" data-hex="2475">&#x2475;</i>
          <i data-dec="9334" data-hex="2476">&#x2476;</i>
          <i data-dec="9335" data-hex="2477">&#x2477;</i>
          <i data-dec="9336" data-hex="2478">&#x2478;</i>
          <i data-dec="9337" data-hex="2479">&#x2479;</i>
          <i data-dec="9338" data-hex="247A">&#x247A;</i>
          <i data-dec="9339" data-hex="247B">&#x247B;</i>
          <i data-dec="9340" data-hex="247C">&#x247C;</i>
          <i data-dec="9341" data-hex="247D">&#x247D;</i>
          <i data-dec="9342" data-hex="247E">&#x247E;</i>
          <i data-dec="9343" data-hex="247F">&#x247F;</i>
          <i data-dec="9344" data-hex="2480">&#x2480;</i>
          <i data-dec="9345" data-hex="2481">&#x2481;</i>
          <i data-dec="9346" data-hex="2482">&#x2482;</i>
          <i data-dec="9347" data-hex="2483">&#x2483;</i>
          <i data-dec="9348" data-hex="2484">&#x2484;</i>
          <i data-dec="9349" data-hex="2485">&#x2485;</i>
          <i data-dec="9350" data-hex="2486">&#x2486;</i>
          <i data-dec="9351" data-hex="2487">&#x2487;</i>
          <i data-dec="9352" data-hex="2488">&#x2488;</i>
          <i data-dec="9353" data-hex="2489">&#x2489;</i>
          <i data-dec="9354" data-hex="248A">&#x248A;</i>
          <i data-dec="9355" data-hex="248B">&#x248B;</i>
          <i data-dec="9356" data-hex="248C">&#x248C;</i>
          <i data-dec="9357" data-hex="248D">&#x248D;</i>
          <i data-dec="9358" data-hex="248E">&#x248E;</i>
          <i data-dec="9359" data-hex="248F">&#x248F;</i>
          <i data-dec="9360" data-hex="2490">&#x2490;</i>
          <i data-dec="9361" data-hex="2491">&#x2491;</i>
          <i data-dec="9362" data-hex="2492">&#x2492;</i>
          <i data-dec="9363" data-hex="2493">&#x2493;</i>
          <i data-dec="9364" data-hex="2494">&#x2494;</i>
          <i data-dec="9365" data-hex="2495">&#x2495;</i>
          <i data-dec="9366" data-hex="2496">&#x2496;</i>
          <i data-dec="9367" data-hex="2497">&#x2497;</i>
          <i data-dec="9368" data-hex="2498">&#x2498;</i>
          <i data-dec="9369" data-hex="2499">&#x2499;</i>
          <i data-dec="9370" data-hex="249A">&#x249A;</i>
          <i data-dec="9371" data-hex="249B">&#x249B;</i>
          <i data-dec="9372" data-hex="249C">&#x249C;</i>
          <i data-dec="9373" data-hex="249D">&#x249D;</i>
          <i data-dec="9374" data-hex="249E">&#x249E;</i>
          <i data-dec="9375" data-hex="249F">&#x249F;</i>
          <i data-dec="9376" data-hex="24A0">&#x24A0;</i>
          <i data-dec="9377" data-hex="24A1">&#x24A1;</i>
          <i data-dec="9378" data-hex="24A2">&#x24A2;</i>
          <i data-dec="9379" data-hex="24A3">&#x24A3;</i>
          <i data-dec="9380" data-hex="24A4">&#x24A4;</i>
          <i data-dec="9381" data-hex="24A5">&#x24A5;</i>
          <i data-dec="9382" data-hex="24A6">&#x24A6;</i>
          <i data-dec="9383" data-hex="24A7">&#x24A7;</i>
          <i data-dec="9384" data-hex="24A8">&#x24A8;</i>
          <i data-dec="9385" data-hex="24A9">&#x24A9;</i>
          <i data-dec="9386" data-hex="24AA">&#x24AA;</i>
          <i data-dec="9387" data-hex="24AB">&#x24AB;</i>
          <i data-dec="9388" data-hex="24AC">&#x24AC;</i>
          <i data-dec="9389" data-hex="24AD">&#x24AD;</i>
          <i data-dec="9390" data-hex="24AE">&#x24AE;</i>
          <i data-dec="9391" data-hex="24AF">&#x24AF;</i>
          <i data-dec="9392" data-hex="24B0">&#x24B0;</i>
          <i data-dec="9393" data-hex="24B1">&#x24B1;</i>
          <i data-dec="9394" data-hex="24B2">&#x24B2;</i>
          <i data-dec="9395" data-hex="24B3">&#x24B3;</i>
          <i data-dec="9396" data-hex="24B4">&#x24B4;</i>
          <i data-dec="9397" data-hex="24B5">&#x24B5;</i>
          <i data-dec="9398" data-hex="24B6">&#x24B6;</i>
          <i data-dec="9399" data-hex="24B7">&#x24B7;</i>
          <i data-dec="9400" data-hex="24B8">&#x24B8;</i>
          <i data-dec="9401" data-hex="24B9">&#x24B9;</i>
          <i data-dec="9402" data-hex="24BA">&#x24BA;</i>
          <i data-dec="9403" data-hex="24BB">&#x24BB;</i>
          <i data-dec="9404" data-hex="24BC">&#x24BC;</i>
          <i data-dec="9405" data-hex="24BD">&#x24BD;</i>
          <i data-dec="9406" data-hex="24BE">&#x24BE;</i>
          <i data-dec="9407" data-hex="24BF">&#x24BF;</i>
          <i data-dec="9408" data-hex="24C0">&#x24C0;</i>
          <i data-dec="9409" data-hex="24C1">&#x24C1;</i>
          <i data-dec="9410" data-hex="24C2">&#x24C2;</i>
          <i data-dec="9411" data-hex="24C3">&#x24C3;</i>
          <i data-dec="9412" data-hex="24C4">&#x24C4;</i>
          <i data-dec="9413" data-hex="24C5">&#x24C5;</i>
          <i data-dec="9414" data-hex="24C6">&#x24C6;</i>
          <i data-dec="9415" data-hex="24C7">&#x24C7;</i>
          <i data-dec="9416" data-hex="24C8">&#x24C8;</i>
          <i data-dec="9417" data-hex="24C9">&#x24C9;</i>
          <i data-dec="9418" data-hex="24CA">&#x24CA;</i>
          <i data-dec="9419" data-hex="24CB">&#x24CB;</i>
          <i data-dec="9420" data-hex="24CC">&#x24CC;</i>
          <i data-dec="9421" data-hex="24CD">&#x24CD;</i>
          <i data-dec="9422" data-hex="24CE">&#x24CE;</i>
          <i data-dec="9423" data-hex="24CF">&#x24CF;</i>
          <i data-dec="9424" data-hex="24D0">&#x24D0;</i>
          <i data-dec="9425" data-hex="24D1">&#x24D1;</i>
          <i data-dec="9426" data-hex="24D2">&#x24D2;</i>
          <i data-dec="9427" data-hex="24D3">&#x24D3;</i>
          <i data-dec="9428" data-hex="24D4">&#x24D4;</i>
          <i data-dec="9429" data-hex="24D5">&#x24D5;</i>
          <i data-dec="9430" data-hex="24D6">&#x24D6;</i>
          <i data-dec="9431" data-hex="24D7">&#x24D7;</i>
          <i data-dec="9432" data-hex="24D8">&#x24D8;</i>
          <i data-dec="9433" data-hex="24D9">&#x24D9;</i>
          <i data-dec="9434" data-hex="24DA">&#x24DA;</i>
          <i data-dec="9435" data-hex="24DB">&#x24DB;</i>
          <i data-dec="9436" data-hex="24DC">&#x24DC;</i>
          <i data-dec="9437" data-hex="24DD">&#x24DD;</i>
          <i data-dec="9438" data-hex="24DE">&#x24DE;</i>
          <i data-dec="9439" data-hex="24DF">&#x24DF;</i>
          <i data-dec="9440" data-hex="24E0">&#x24E0;</i>
          <i data-dec="9441" data-hex="24E1">&#x24E1;</i>
          <i data-dec="9442" data-hex="24E2">&#x24E2;</i>
          <i data-dec="9443" data-hex="24E3">&#x24E3;</i>
          <i data-dec="9444" data-hex="24E4">&#x24E4;</i>
          <i data-dec="9445" data-hex="24E5">&#x24E5;</i>
          <i data-dec="9446" data-hex="24E6">&#x24E6;</i>
          <i data-dec="9447" data-hex="24E7">&#x24E7;</i>
          <i data-dec="9448" data-hex="24E8">&#x24E8;</i>
          <i data-dec="9449" data-hex="24E9">&#x24E9;</i>
          <i data-dec="9450" data-hex="24EA">&#x24EA;</i>
          <i data-dec="9451" data-hex="24EB">&#x24EB;</i>
          <i data-dec="9452" data-hex="24EC">&#x24EC;</i>
          <i data-dec="9453" data-hex="24ED">&#x24ED;</i>
          <i data-dec="9454" data-hex="24EE">&#x24EE;</i>
          <i data-dec="9455" data-hex="24EF">&#x24EF;</i>
          <i data-dec="9456" data-hex="24F0">&#x24F0;</i>
          <i data-dec="9457" data-hex="24F1">&#x24F1;</i>
          <i data-dec="9458" data-hex="24F2">&#x24F2;</i>
          <i data-dec="9459" data-hex="24F3">&#x24F3;</i>
          <i data-dec="9460" data-hex="24F4">&#x24F4;</i>
          <i data-dec="9461" data-hex="24F5">&#x24F5;</i>
          <i data-dec="9462" data-hex="24F6">&#x24F6;</i>
          <i data-dec="9463" data-hex="24F7">&#x24F7;</i>
          <i data-dec="9464" data-hex="24F8">&#x24F8;</i>
          <i data-dec="9465" data-hex="24F9">&#x24F9;</i>
          <i data-dec="9466" data-hex="24FA">&#x24FA;</i>
          <i data-dec="9467" data-hex="24FB">&#x24FB;</i>
          <i data-dec="9468" data-hex="24FC">&#x24FC;</i>
          <i data-dec="9469" data-hex="24FD">&#x24FD;</i>
          <i data-dec="9470" data-hex="24FE">&#x24FE;</i>
          <i data-dec="9471" data-hex="24FF">&#x24FF;</i>
        </div>
      </div>
      
      <div class="character-set">
        <h3>Space Modifier Letters</h3>
        <div>
          <i data-dec="688" data-hex="2B0">&#x2B0;</i>
          <i data-dec="689" data-hex="2B1">&#x2B1;</i>
          <i data-dec="690" data-hex="2B2">&#x2B2;</i>
          <i data-dec="691" data-hex="2B3">&#x2B3;</i>
          <i data-dec="692" data-hex="2B4">&#x2B4;</i>
          <i data-dec="693" data-hex="2B5">&#x2B5;</i>
          <i data-dec="694" data-hex="2B6">&#x2B6;</i>
          <i data-dec="695" data-hex="2B7">&#x2B7;</i>
          <i data-dec="696" data-hex="2B8">&#x2B8;</i>
          <i data-dec="697" data-hex="2B9">&#x2B9;</i>
          <i data-dec="698" data-hex="2BA">&#x2BA;</i>
          <i data-dec="699" data-hex="2BB">&#x2BB;</i>
          <i data-dec="700" data-hex="2BC">&#x2BC;</i>
          <i data-dec="701" data-hex="2BD">&#x2BD;</i>
          <i data-dec="702" data-hex="2BE">&#x2BE;</i>
          <i data-dec="703" data-hex="2BF">&#x2BF;</i>
          <i data-dec="704" data-hex="2C0">&#x2C0;</i>
          <i data-dec="705" data-hex="2C1">&#x2C1;</i>
          <i data-dec="706" data-hex="2C2">&#x2C2;</i>
          <i data-dec="707" data-hex="2C3">&#x2C3;</i>
          <i data-dec="708" data-hex="2C4">&#x2C4;</i>
          <i data-dec="709" data-hex="2C5">&#x2C5;</i>
          <i data-dec="710" data-hex="2C6" data-entity="&amp;circ;">&circ;</i>
          <i data-dec="711" data-hex="2C7">&#x2C7;</i>
          <i data-dec="712" data-hex="2C8">&#x2C8;</i>
          <i data-dec="713" data-hex="2C9">&#x2C9;</i>
          <i data-dec="714" data-hex="2CA">&#x2CA;</i>
          <i data-dec="715" data-hex="2CB">&#x2CB;</i>
          <i data-dec="716" data-hex="2CC">&#x2CC;</i>
          <i data-dec="717" data-hex="2CD">&#x2CD;</i>
          <i data-dec="718" data-hex="2CE">&#x2CE;</i>
          <i data-dec="719" data-hex="2CF">&#x2CF;</i>
          <i data-dec="720" data-hex="2D0">&#x2D0;</i>
          <i data-dec="721" data-hex="2D1">&#x2D1;</i>
          <i data-dec="722" data-hex="2D2">&#x2D2;</i>
          <i data-dec="723" data-hex="2D3">&#x2D3;</i>
          <i data-dec="724" data-hex="2D4">&#x2D4;</i>
          <i data-dec="725" data-hex="2D5">&#x2D5;</i>
          <i data-dec="726" data-hex="2D6">&#x2D6;</i>
          <i data-dec="727" data-hex="2D7">&#x2D7;</i>
          <i data-dec="728" data-hex="2D8">&#x2D8;</i>
          <i data-dec="729" data-hex="2D9">&#x2D9;</i>
          <i data-dec="730" data-hex="2DA">&#x2DA;</i>
          <i data-dec="731" data-hex="2DB">&#x2DB;</i>
          <i data-dec="732" data-hex="2DC" data-entity="&amp;tilde;">&tilde;</i>
          <i data-dec="733" data-hex="2DD">&#x2DD;</i>
          <i data-dec="734" data-hex="2DE">&#x2DE;</i>
          <i data-dec="735" data-hex="2DF">&#x2DF;</i>
          <i data-dec="736" data-hex="2E0">&#x2E0;</i>
          <i data-dec="737" data-hex="2E1">&#x2E1;</i>
          <i data-dec="738" data-hex="2E2">&#x2E2;</i>
          <i data-dec="739" data-hex="2E3">&#x2E3;</i>
          <i data-dec="740" data-hex="2E4">&#x2E4;</i>
          <i data-dec="741" data-hex="2E5">&#x2E5;</i>
          <i data-dec="742" data-hex="2E6">&#x2E6;</i>
          <i data-dec="743" data-hex="2E7">&#x2E7;</i>
          <i data-dec="744" data-hex="2E8">&#x2E8;</i>
          <i data-dec="745" data-hex="2E9">&#x2E9;</i>
          <i data-dec="746" data-hex="2EA">&#x2EA;</i>
          <i data-dec="747" data-hex="2EB">&#x2EB;</i>
          <i data-dec="748" data-hex="2EC">&#x2EC;</i>
          <i data-dec="749" data-hex="2ED">&#x2ED;</i>
          <i data-dec="750" data-hex="2EE">&#x2EE;</i>
          <i data-dec="751" data-hex="2EF">&#x2EF;</i>
          <i data-dec="752" data-hex="2F0">&#x2F0;</i>
          <i data-dec="753" data-hex="2F1">&#x2F1;</i>
          <i data-dec="754" data-hex="2F2">&#x2F2;</i>
          <i data-dec="755" data-hex="2F3">&#x2F3;</i>
          <i data-dec="756" data-hex="2F4">&#x2F4;</i>
          <i data-dec="757" data-hex="2F5">&#x2F5;</i>
          <i data-dec="758" data-hex="2F6">&#x2F6;</i>
          <i data-dec="759" data-hex="2F7">&#x2F7;</i>
          <i data-dec="760" data-hex="2F8">&#x2F8;</i>
          <i data-dec="761" data-hex="2F9">&#x2F9;</i>
          <i data-dec="762" data-hex="2FA">&#x2FA;</i>
          <i data-dec="763" data-hex="2FB">&#x2FB;</i>
          <i data-dec="764" data-hex="2FC">&#x2FC;</i>
          <i data-dec="765" data-hex="2FD">&#x2FD;</i>
          <i data-dec="766" data-hex="2FE">&#x2FE;</i>
          <i data-dec="767" data-hex="2FF">&#x2FF;</i>
        </div>
      </div>
    
    </div>
    
  </section>
  
  <footer>
    <a href="https://github.com/system-fonts/modern-font-stacks/blob/main/LICENSE">CC0 License</a>
    <span>/</span>
    A passion project by <a href="https://twitter.com/danklammer">Dan Klammer</a>
  </footer>
  
  <script>${require('./_scripts.js')}</script>
  
</body>
</html>
